.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;padding:48px 32px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.login-title{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:12px}.login-subtitle{font-size:16px;color:#718096;margin-bottom:32px}.yandex-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#fc3f1d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(252,63,29,.3)}.yandex-login-button:hover{background:#e63600;transform:translateY(-2px);box-shadow:0 6px 16px rgba(252,63,29,.4)}.yandex-login-button:active{transform:translateY(0)}.yandex-login-button svg{flex-shrink:0}.login-note{margin-top:24px;font-size:13px;color:#a0aec0;line-height:1.5}