:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#9333ea;--accent-bg:rgba(147,51,234,0.1);--accent-border:rgba(147,51,234,0.5);--social-bg:rgba(244,243,236,0.5);--shadow:rgba(0,0,0,0.1) 0 10px 15px -3px,rgba(0,0,0,0.05) 0 4px 6px -2px;--sans:system-ui,"Segoe UI",Roboto,sans-serif;--heading:system-ui,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,Consolas,monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@media (max-width:1024px){font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#9333ea;--accent-bg:rgba(147,51,234,0.15);--accent-border:rgba(147,51,234,0.5);--social-bg:rgba(47,48,58,0.5);--shadow:rgba(0,0,0,0.4) 0 10px 15px -3px,rgba(0,0,0,0.25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0;@media (max-width:1024px){font-size:36px;margin-left:0;margin-bottom:20px;margin-right:0;margin-top:20px}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px;@media (max-width:1024px){font-size:20px}}p{margin:0}.counter,code{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#F8F9FA;padding:24px}.login-card{background:#fff;border:1px solid #e5e4e7;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.login-logo{display:block;height:32px;width:auto;margin-bottom:8px}.login-subtitle{font-size:15px;color:#6b6375;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{font-size:14px;font-weight:500;color:#08060d}.login-input{width:100%;padding:10px 12px;border:1px solid #e5e4e7;border-radius:8px;font-size:15px;outline:none;box-sizing:border-box}.login-input:focus{border-color:#9333ea;box-shadow:0 0 0 3px rgba(147,51,234,.12)}.login-btn,.login-btn-google{width:100%;padding:10px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}@media (max-width:768px),(pointer:coarse){.login-btn,.login-btn-google,.login-input{min-height:44px}.login-forgot-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#6b6375;font-size:13px}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:#e5e4e7}