:root{--bg: #07080a;--panel: #0e0f11;--surface: #161719;--border: #1d1f22;--subtle: #2a2c30;--accent: #10b981;--accent-dim:#065f46;--accent-fg: #ecfdf5;--text: #e8eaed;--text-2: #8b8fa8;--text-3: #3f424e;--danger: #ef4444;--warn: #f97316;--radius: 8px;--radius-lg: 14px;--font: "DM Sans", "Inter", system-ui, sans-serif;--font-display: "Syne", sans-serif;--font-feat: "cv01", "ss03"}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font);font-feature-settings:var(--font-feat);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-feature-settings:var(--font-feat)}input,textarea,select{font-family:inherit;font-feature-settings:var(--font-feat)}@keyframes authFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes spinPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.auth-card{animation:authFadeUp .5s cubic-bezier(.16,1,.3,1) both}.auth-item-1{animation:authFadeUp .45s .05s cubic-bezier(.16,1,.3,1) both}.auth-item-2{animation:authFadeUp .45s .12s cubic-bezier(.16,1,.3,1) both}.auth-item-3{animation:authFadeUp .45s .18s cubic-bezier(.16,1,.3,1) both}.auth-item-4{animation:authFadeUp .45s .24s cubic-bezier(.16,1,.3,1) both}.auth-item-5{animation:authFadeUp .45s .3s cubic-bezier(.16,1,.3,1) both}.auth-item-6{animation:authFadeUp .45s .36s cubic-bezier(.16,1,.3,1) both}.auth-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.72rem .9rem;font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none}.auth-input::placeholder{color:var(--text-3)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b98124}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #161719 inset;-webkit-text-fill-color:#e8eaed;caret-color:#e8eaed;border-color:var(--border);transition:background-color 5000s ease-in-out 0s}.auth-btn{width:100%;background:linear-gradient(135deg,#10b981,#0d9668);border:none;border-radius:var(--radius);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.78rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;position:relative;overflow:hidden}.auth-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 60%);border-radius:inherit;pointer-events:none}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #10b98152}.auth-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
