:root{--primary: #19183b;--primary-light: #2a2952;--primary-dark: #0f0e24;--accent: #c9b896;--accent-light: #e0d5c3;--accent-dark: #a89670}*{margin:0;padding:0;box-sizing:border-box}body{font-family:HelveticaNeueCyr,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(201,184,150,.12) 0%,transparent 45%),radial-gradient(circle at 80% 80%,rgba(201,184,150,.08) 0%,transparent 45%);pointer-events:none;animation:authGlow 12s ease-in-out infinite}@keyframes authGlow{0%,to{opacity:1}50%{opacity:.6}}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;background:#fffffffa;border-radius:24px;padding:44px 40px;box-shadow:0 25px 60px #0f0e2466,0 0 0 1px #ffffff0d;animation:authFadeIn .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes authFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.auth-card{padding:36px 24px;border-radius:20px}}.auth-accent-line{width:48px;height:3px;border-radius:3px;margin:0 auto;background:linear-gradient(to right,var(--accent),var(--accent-light))}.auth-field,.auth-control{position:relative}.auth-label{display:block;font-size:.8rem;font-weight:500;color:var(--primary);margin-bottom:8px;letter-spacing:.02em}.auth-input{width:100%;padding:14px 16px 14px 46px;font-family:inherit;font-size:.95rem;color:var(--primary);background:#f6f7fa;border:1.5px solid transparent;border-radius:12px;outline:none;transition:all .25s ease}.auth-input::placeholder{color:#9a9aa8}.auth-input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #c9b89626}.auth-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9a9aa8;pointer-events:none;transition:color .25s ease}.auth-input:focus~.auth-field-icon{color:var(--accent-dark)}.auth-pass-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9a9aa8;background:none;border:none;cursor:pointer;padding:4px;display:flex;transition:color .2s ease}.auth-pass-toggle:hover,.auth-pass-toggle.is-active{color:var(--primary)}.auth-btn{width:100%;padding:15px;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:none;border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 18px #c9b89659}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #c9b89680}.auth-btn:active{transform:translateY(0)}.auth-divider{display:flex;align-items:center;gap:14px;color:#9a9aa8;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#19183b1a}.auth-link{color:var(--accent-dark);font-weight:500;transition:color .2s ease}.auth-link:hover{color:var(--primary)}
