@import url('https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap');
:root{color-scheme:light;--bg:#f1f5f9;--panel:#fff;--ink:#0f172a;--muted:#64748b;--border:#dbe2eb;--input:#fff;--accent:#6d28d9}
html[data-theme=dark]{color-scheme:dark;--bg:#0b1020;--panel:#141c30;--ink:#f8fafc;--muted:#b1bdd0;--border:#36415a;--input:#1c263b;--accent:#c4b5fd}
*{box-sizing:border-box}body{margin:0;font:14px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #a78bfa}button{cursor:pointer}.auth-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 24px;background:radial-gradient(circle at 8% 10%,#4f46e521,transparent 28rem),radial-gradient(circle at 92% 92%,#7c3aed1c,transparent 32rem)}.auth-shell{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);width:100%;max-width:1120px;min-height:700px;overflow:hidden;border-radius:28px;border:1px solid var(--border);background:var(--panel);box-shadow:0 35px 100px #0f172a2e}.auth-form{min-width:0;padding:46px 54px;display:flex;flex-direction:column}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:38px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.035em}.brand:hover{text-decoration:none}.brand small{display:block;color:var(--accent);font-size:9px;letter-spacing:.22em;margin-top:2px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#6d28d9);color:#fff;border-radius:13px;box-shadow:0 8px 16px #6366f140}.brand-icon svg{width:25px;height:25px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.22em;font-weight:700;margin:0 0 10px}h1{font-size:38px;font-weight:600;line-height:1.1;letter-spacing:-.045em;margin:0 0 16px}.subtitle{color:var(--muted);margin:0 0 26px;line-height:1.75}label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}input:not([type=checkbox]){display:block;width:100%;height:49px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-top:7px;background:var(--input);color:var(--ink)}input:focus{outline:2px solid #a78bfa;outline-offset:2px}input::placeholder{color:var(--muted);opacity:.85}.optional{font-weight:400;color:var(--muted)}.field-help{font-size:12px;color:var(--muted);margin:0 0 16px}.form-between{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 20px;font-size:12px}.check{display:flex;align-items:center;gap:8px;font-weight:400;margin:0}.check input{width:16px;height:16px;margin:0;accent-color:#6d28d9}.button{display:block;width:100%;border:0;border-radius:11px;background:linear-gradient(110deg,#4f35f5,#8818f8);color:white;font-weight:700;padding:14px 20px;min-height:49px;box-shadow:0 8px 16px #6d28d926}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.65;cursor:wait}.auth-switch{text-align:center;font-size:13px;color:var(--muted);margin:23px 0 14px}.protected{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding-top:23px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.protected svg{width:15px;height:15px}.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:1px solid var(--border);border-radius:50%;color:var(--muted);background:var(--input)}.theme-toggle svg{width:19px;height:19px}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}.auth-visual{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:44px;padding:48px;color:white;background:radial-gradient(circle at 78% 15%,#a78bfa5c,transparent 21rem),radial-gradient(circle at 18% 84%,#6366f161,transparent 23rem),linear-gradient(145deg,#111827,#312e81 48%,#5b21b6)}.visual-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}.auth-visual:before,.auth-visual:after{content:'';position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;border:1px solid #ffffff19;background:#ffffff08;right:-90px;top:-90px}.auth-visual:after{left:-110px;top:auto;bottom:-110px}.visual-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.15em;color:#e0e7ff}.secure-pill{white-space:nowrap;border:1px solid #ffffff26;border-radius:30px;padding:5px 10px;background:#ffffff12}.glass{position:relative;border:1px solid #ffffff33;border-radius:28px;padding:38px 28px;text-align:center;background:linear-gradient(145deg,#ffffff2b,#ffffff0e);box-shadow:inset 0 1px 0 #ffffff33,0 28px 80px #0f172a47;backdrop-filter:blur(14px)}.shield-core{position:relative;width:96px;height:96px;display:grid;place-items:center;margin:0 auto 30px;border-radius:28px;border:1px solid #ffffff33;background:#ffffff12;box-shadow:0 20px 50px #0f172a47}.shield-core:before{content:'';position:absolute;inset:-13px;border:1px dashed #e0e7ff5c;border-radius:50%}.shield-core svg{width:56px;height:56px}.visual-eyebrow{font-size:10px;letter-spacing:.26em;color:#c7d2fe;font-weight:700;margin:0 0 12px}.glass h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 18px}.glass>p:last-child{font-size:13px;line-height:1.85;color:#e0e7ff;margin:0}.visual-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visual-features>div{border:1px solid #ffffff1a;border-radius:12px;background:#ffffff12;text-align:center;padding:12px 5px}.visual-features strong{display:block;font-size:13px}.visual-features span{display:block;font-size:8px;letter-spacing:.08em;color:#c7d2fe;margin-top:4px}footer{text-align:center;font-size:11px;color:var(--muted);margin-top:25px}footer>div{display:flex;justify-content:center;gap:23px}footer p{margin:10px 0 5px}footer a{color:var(--muted)}.notice{border-radius:10px;padding:12px 15px;margin-bottom:20px;font-size:13px}.notice ul{padding-left:18px;margin:5px 0}.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.skip-link{position:absolute;left:15px;top:-80px}.skip-link:focus{top:10px;background:var(--panel);padding:10px;z-index:20}
@media(min-width:1500px){.auth-page{padding-top:60px;padding-bottom:40px}}@media(max-width:1023px){.auth-shell{max-width:560px;grid-template-columns:1fr;min-height:0}.auth-visual{display:none}.auth-form{padding:38px 40px}}@media(max-width:480px){.auth-page{padding:20px 14px}.auth-shell{border-radius:22px}.auth-form{padding:28px 23px}.auth-header{margin-bottom:30px}.brand{font-size:14px;gap:9px}.brand-icon{width:38px;height:38px}.brand small{font-size:8px}h1{font-size:31px}.form-between{font-size:11px}.theme-toggle{width:34px;height:34px}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}