:root{color-scheme:dark;--bg:#111110;--panel:#1a1918;--border:#32312f;--muted:#958e83;--text:#f6f4f0;--accent:#e2d5be}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
#lava{position:fixed;inset:0;width:100%;height:100%;z-index:0;filter:blur(7px) saturate(1.15);transform:scale(1.03)}
.auth-shell{position:relative;z-index:1;min-height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}
.auth-art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(0deg,#111110e6 0%,#111110a0 22%,#11111000 50%)}
.art-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,transparent 0%,#000 100%);opacity:.3}
.art-body{padding:56px clamp(28px,5vw,72px)}
.brand-mark{width:44px;height:45px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px;transform:rotate(-15deg);margin-bottom:34px}
.brand-mark span{border-radius:4px;background:#e0d3bb}.brand-mark span:nth-child(2){background:#f2ece1}.brand-mark span:nth-child(3){background:#97825e}.brand-mark span:nth-child(4){background:#ceb588}
.art-kicker{color:#ebe3d4;font-size:10px;letter-spacing:2.2px;font-weight:800;margin:0}
.art-body{text-shadow:0 2px 24px #11111099}
.art-body h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;letter-spacing:-1.4px;margin:16px 0 14px;font-weight:800}
.art-body h2 em{font-style:normal;color:#e6dbc7}
.art-text{color:#bfb6a7;line-height:1.8;font-size:13px;margin:0}
.auth-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(24px,5vw,72px);background:#111110cc;border-left:1px solid #ffffff14;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
.auth-brand{position:absolute;top:32px;left:clamp(24px,5vw,72px);font-size:14px;letter-spacing:1px;font-weight:900}
.auth-brand span{color:#e2d4bd;margin-left:3px}
.auth-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}
.eyebrow{color:#e0d2b9;letter-spacing:2.3px;font-weight:850;font-size:10px}
.auth-form h1{font-size:30px;letter-spacing:-1.1px;margin:0;font-weight:800}
.dot{color:#e2d4bd}
.lead{color:#968f83;line-height:1.7;margin:0 0 6px;font-size:13px}
.email-chip{align-self:flex-start;background:#262523;border:1px solid #3a3936;border-radius:8px;padding:9px 12px;font:12px Consolas,"Courier New",monospace;color:#ede5d8;word-break:break-all}
.field{display:flex;flex-direction:column;gap:7px}
.field>span{font-size:11px;color:#aaa294;font-weight:650}
.field small{color:#7a7367;font-weight:500;margin-left:6px}
.field input{background:#1e1d1b;border:1px solid #373634;border-radius:9px;color:#faf7f3;padding:13px 14px;font:inherit;font-size:14px;outline:none}
.field input:focus{border-color:#aa997a;box-shadow:0 0 0 3px #e2d4bd18}
.primary{margin-top:6px;background:var(--accent);border:0;border-radius:9px;padding:14px 18px;color:#211f1d;font:inherit;font-weight:850;font-size:13px;cursor:pointer}
.primary:hover{background:#ece3d4}.primary:disabled{opacity:.6;cursor:default}
.primary:focus-visible,.secondary:focus-visible{outline:2px solid #e5d9c4;outline-offset:3px}
.secondary{align-self:flex-start;color:#e0dbd3;border:1px solid #3a3936;background:#262523;border-radius:9px;padding:12px 16px;text-decoration:none;font-weight:700;font-size:12px}
.form-error{margin:0;background:#3d242b;border:1px solid #7b4148;color:#ffc9c9;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}
.note{margin:4px 0 0;color:#7a7367;font-size:11px;line-height:1.6}
.auth-loading{display:grid;place-items:center;min-height:200px}
.auth-loading[hidden]{display:none}
.spinner{display:block;width:27px;height:27px;border:3px solid #4d4c49;border-top-color:#e3d7c1;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:860px){.auth-shell{grid-template-columns:1fr;align-items:center;padding:20px 16px}.auth-art{display:none}.auth-panel{justify-content:flex-start;padding:84px 24px 32px;border:1px solid #ffffff14;border-radius:18px;max-width:460px;width:100%;margin:0 auto}.auth-brand{top:28px;left:24px}}
@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}
/* ===== Ready Learn More ===== */
:root{--accent:#c9b38a;--rlm-display:"Oranienbaum","Times New Roman",serif;--rlm-text:"Montserrat","Segoe UI",Roboto,Arial,sans-serif;--bg:#141414}
body{font-family:var(--rlm-text);background:#141414}
.art-logo{display:block;width:min(440px,80%);height:auto;margin-bottom:26px}
.gold-rule{display:block;width:min(440px,80%);height:1px;background:linear-gradient(90deg,#c9b38a,#a88f6800);margin-bottom:22px}
.art-kicker{color:#cbbd9f;letter-spacing:3px}
.art-body h2{font-family:var(--rlm-display);font-weight:400;letter-spacing:0;font-size:clamp(34px,3.6vw,54px);line-height:1.05}
.art-body h2 em{color:#d8c49c}
.auth-brand{display:flex;align-items:center;gap:11px;font-weight:400}
.auth-brand img{width:34px;height:34px;object-fit:contain}
.auth-brand strong{font-family:var(--rlm-display);font-weight:400;font-size:19px;letter-spacing:.4px;color:#f6f2ea}
.auth-form h1{font-family:var(--rlm-display);font-weight:400;letter-spacing:0;font-size:36px;line-height:1.1}
.auth-form h1 em{font-style:normal;color:#d8c49c}
.eyebrow{color:#c9b38a;letter-spacing:3px}
.dot{color:#a88f68}
.primary{background:linear-gradient(135deg,#c9b38a,#a88f68 55%,#8a6f45);color:#17140f;letter-spacing:.3px}
.primary:hover{background:linear-gradient(135deg,#dccaa5,#bba17a 55%,#9a7e52)}
.field input:focus{border-color:#a88f68;box-shadow:0 0 0 3px #c9b38a1f}
.auth-panel{background:#141414d9;border-left-color:#c9b38a2e}
.auth-panel::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:linear-gradient(180deg,#c9b38a00,#c9b38a,#c9b38a00)}
@media(max-width:860px){.auth-panel::before{display:none}.auth-panel{border-color:#c9b38a33}}
.auth-art{background:linear-gradient(0deg,#141414f0 0%,#141414a8 24%,#14141400 52%)}