@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;color:#e7f0eb;background:radial-gradient(ellipse at 15% 50%,#25433233,transparent 50%),#090e11;font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b9f4d3;outline-offset:4px}.auth-header{max-width:1250px;margin:auto;padding:30px 42px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 18px Manrope,sans-serif;letter-spacing:4px;direction:ltr}.language-picker{border:1px solid #3a5042;background:#142019;color:#d4e9dc;border-radius:7px;padding:10px;font-size:13px;max-width:165px}.auth-layout{max-width:1120px;margin:30px auto 60px;display:grid;grid-template-columns:1fr 450px;gap:100px;padding:0 35px;align-items:center}.eyebrow{font-size:10px;color:#b9f4d3;letter-spacing:2.5px}.auth-story{position:relative;min-height:600px;padding-top:70px;overflow:hidden}.auth-story h1{font:500 clamp(35px,4.2vw,58px)/1.2 Manrope,sans-serif;letter-spacing:-2px;margin:25px 0}.auth-story h1 span:last-child{color:#b9f4d3}.auth-story p{font-size:15px;line-height:1.9;color:#93a69a;max-width:370px}.auth-orbit{width:250px;height:250px;border:1px solid #7dcba644;border-radius:50%;position:relative;margin:40px 0 30px;transform:rotate(-30deg)}.auth-orbit:after{content:'';position:absolute;inset:20px 90px;border:1px solid #a8e7c577;border-radius:50%;box-shadow:0 0 50px #b9f4d315}.back{color:#a4b6aa;font-size:13px}.auth-card{padding:35px;border:1px solid #354a3d;border-radius:16px;background:linear-gradient(140deg,#17251d,#101719 60%);box-shadow:0 30px 90px #0004}.auth-card h2{font:500 27px/1.3 Manrope,sans-serif;letter-spacing:-.6px;margin:17px 0 13px}.auth-card>p{color:#95a99c;font-size:13px;line-height:1.85}.provider-stack{margin-top:25px;display:grid;gap:14px}.provider{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border:1px solid #485d4f;border-radius:7px;background:#15211a;color:#e7f2eb;font-size:14px;padding:10px}.google{background:#f3f6f4;color:#26372c;border-color:#e0e9e3}.google-g{color:#4285f4;font:700 21px Arial}.provider-state{display:block;color:#8b9d92;font-size:10px;line-height:1.7;margin-top:7px}.chatgpt span:last-child{margin-inline-start:auto;color:#9ebba8}.chatgpt img{filter:brightness(1.6)}.chatgpt{justify-content:flex-start}.divider{display:flex;align-items:center;gap:12px;color:#7b9182;font-size:11px;margin:24px 0}.divider:before,.divider:after{content:'';flex:1;height:1px;background:#2c4033}label{display:block;font-size:12px;color:#b0c3b7;margin-bottom:9px}input{display:block;width:100%;border:1px solid #3b5143;border-radius:7px;background:#0a1210;color:#e7f2eb;padding:14px;font-size:15px;min-height:48px}input::placeholder{color:#62796a}.primary{display:block;border:0;border-radius:7px;background:#b9f4d3;color:#163222;font-size:14px;font-weight:600;text-align:center;padding:14px 18px;width:100%;line-height:1.5}form .primary{margin-top:16px}button:disabled{opacity:.55;cursor:not-allowed}.auth-card>.auth-foot,.auth-foot{font-size:11px;color:#819889;line-height:1.8;margin:18px 0}.guest{display:block;text-align:center;margin-top:22px;color:#aac4b4;font-size:12px}.code-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.code-actions button,.logout{background:none;border:0;padding:5px 0;color:#afd3bb;font-size:11px}.auth-error{margin:14px 0;padding:12px;border:1px solid #725b3e;border-radius:6px;background:#3a2d1740;font-size:12px;line-height:1.8;color:#dcc49c}.hidden{display:none!important}#sentEmail{font-size:13px;color:#b9f4d3;overflow-wrap:anywhere}#code{letter-spacing:7px;text-align:center;font-size:23px;font-variant-numeric:tabular-nums}.account-layout{max-width:650px;margin:50px auto;padding:0 24px 50px}.account-card h1{font:500 29px Manrope,sans-serif;letter-spacing:-.5px;margin-top:20px}dl{margin:28px 0}dl>div{padding:15px 0;border-bottom:1px solid #2f4738}dt{color:#829d8c;font-size:11px}dd{margin:7px 0 0;overflow-wrap:anywhere;font-size:14px}.history-note{padding:16px;border:1px solid #304e3b;border-radius:7px;color:#9bb7a5;font-size:12px;line-height:1.9;margin:22px 0}.logout{display:block;width:100%;text-align:center;margin:18px 0 5px;font-size:12px}dialog{max-width:420px;color:#e2eee6;background:#122018;border:1px solid #476350;border-radius:12px;padding:25px}dialog::backdrop{background:#0009}dialog h3{font-size:17px;font-weight:500}.dialog-actions{display:flex;gap:12px}.secondary{background:none;color:#b6d3c1;border:1px solid #4c6856;border-radius:7px;padding:12px 20px}.dialog-actions .primary{width:auto;margin:0}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .auth-story h1{letter-spacing:0}@media(max-width:850px){.auth-layout{gap:40px;grid-template-columns:1fr 400px;padding:0 24px}.auth-card{padding:28px}.auth-story h1{font-size:38px}.auth-story{min-height:500px}}@media(max-width:700px){.auth-header{padding:24px}.auth-layout{display:block;max-width:490px;margin-top:12px}.auth-story{display:none}.auth-card{padding:27px 23px}.auth-card h2{font-size:25px}.brand{font-size:15px;letter-spacing:3px}.account-layout{margin-top:20px}.account-card h1{font-size:25px}.language-picker{max-width:135px;font-size:12px}}

/* Compact reference layout, using the ORUNVEIL palette. */
.login-page{background:radial-gradient(ellipse at 50% 36%,#1e3b2b30,transparent 58%),#090e11}
.login-page .auth-layout{display:flex;justify-content:center;align-items:center;max-width:none;min-height:calc(100svh - 104px);margin:0;padding:24px 24px 64px;gap:0}
.login-page .auth-card{width:100%;max-width:438px;padding:32px 30px 27px;background:linear-gradient(155deg,#142019,#0e1617 75%);border:1px solid #35473c;border-radius:15px;box-shadow:0 24px 80px #0005,0 1px 0 #d5ffe80a inset}
.login-page .auth-card h2{text-align:center;font-size:25px;line-height:1.4;margin:0 0 10px;letter-spacing:-.5px}
.login-page #authIntro{text-align:center;font-size:13px;line-height:1.75;margin:0 0 25px;color:#94a99c}
.login-page .provider-stack{margin:0;gap:12px}
.login-page .provider{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;padding:11px 45px;border:1px solid #425348;border-radius:5px;background:#101a15;color:#e3eee7;font-size:14px;font-weight:400;line-height:1.5;text-align:center;transition:border-color .18s,background .18s}
.login-page .provider>img{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;object-fit:contain}
.login-page .provider>span:last-child{margin:0;color:inherit}
.login-page .provider.chatgpt img{filter:brightness(0) invert(.94)}
.login-page .provider:hover:not(:disabled){background:#18261c;border-color:#7b9d87}
.login-page .provider:disabled{opacity:1;color:#bac9c0;border-color:#33463a;cursor:not-allowed}
.login-page .provider:disabled img{opacity:1}
.login-page #googleState,.login-page #emailState{display:none}
.login-page .divider{height:1px;display:block;background:#2b3d32;margin:25px 0 24px}
.login-page .divider:before,.login-page .divider:after{content:none}
.login-page label{font-size:13px;font-weight:500;line-height:1.5;margin-bottom:9px;color:#c4d4ca}
.login-page input{min-height:48px;border-radius:10px;border-color:#3b4d40;background:#0b1310;padding:13px 15px;font-size:14px;line-height:1.5;transition:border-color .18s}
.login-page input::placeholder{color:#7a8d80}
.login-page input:focus{border-color:#9ac5aa}
.login-page form .primary{min-height:49px;border-radius:10px;margin-top:16px;padding:13px 18px;font-size:14px;font-weight:700;background:#b9f4d3;color:#143321}
.login-page form .primary:disabled{opacity:1;background:#90bda3;color:#142c1c;cursor:not-allowed}
.login-page .auth-foot{font-size:11px;line-height:1.8;margin:17px 0 0;color:#81988a}
.login-page #providerHint{padding-top:12px;margin-top:12px;border-top:1px solid #263b2d;font-size:10px;color:#899f90}
.login-page .guest{font-size:12px;margin-top:19px}
.login-page #googleMount>div{display:flex;justify-content:center;min-height:44px}
@media(max-width:700px){.login-page .auth-header{padding:22px 24px}.login-page .auth-layout{min-height:calc(100svh - 85px);padding:16px 19px 40px}.login-page .auth-card{padding:28px 22px 24px}.login-page .auth-card h2{font-size:23px}.login-page #authIntro{font-size:13px}.login-page .provider{font-size:14px;padding-inline:43px}.login-page .language-picker{max-width:135px}}
@media(prefers-reduced-motion:reduce){.login-page .provider,.login-page input{transition:none}}