:root{--bg:#0b1419;--surface:#101f26;--gold:#e9c17a;--text:#f0eee7;--muted:#9bafb5;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}.nav{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;letter-spacing:4px;font-size:23px;line-height:1.1}.brand small{display:block;font:9px system-ui;letter-spacing:7px;margin-top:5px}.sigil{color:var(--gold);border:1px solid #d8bc7780;padding:8px 12px;font-size:28px;transform:rotate(-5deg)}nav{display:flex;gap:34px;font-size:13px;color:#d7e2e3}nav a:hover,.nav-login:hover{color:var(--gold)}.nav-login{font-size:12px;border:1px solid #ffffff38;padding:11px 18px}.nav-login span{margin-left:24px;color:var(--gold)}.menu-toggle{display:none}.hero{min-height:840px;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#071015ed 0%,#0710159c 39%,#07101505 80%),linear-gradient(0deg,var(--bg),transparent 35%),url('assets/amariya-hero.png') center/cover}.hero-content{position:relative;width:min(760px,65%);margin:120px 0 130px 8%}.eyebrow{color:var(--gold);font-size:10px;font-weight:650;letter-spacing:3px;text-transform:uppercase}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--gold);margin-right:10px;transform:rotate(45deg)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.13;letter-spacing:-1.5px}h1{font-size:clamp(46px,5.5vw,88px);margin:23px 0 25px}em{font-weight:400;font-style:italic;color:var(--gold)}.intro{max-width:490px;color:#ced7d6;font-size:15px;line-height:1.9}.actions{display:flex;gap:14px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 23px;border:1px solid transparent;font-size:12px;font-weight:650;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#132025}.gold:hover{background:#f7d69e}.glass{background:#14242c77;color:var(--text);border-color:#ffffff35}.hero-note{font-size:9px;letter-spacing:2px;color:#bfd0cc;margin-top:46px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a2d1a2;margin-right:10px}.art-caption{position:absolute;bottom:30px;right:5%;font-size:9px;color:#b4c6c9}.scroll{position:absolute;bottom:30px;left:8%;font-size:9px;letter-spacing:2px;color:var(--muted)}.scroll span{margin-left:25px;color:var(--gold)}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:25px 5%;border-block:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:2px}.ribbon span:first-child{color:var(--gold)}.section{max-width:1220px;margin:auto;padding:100px 45px}h2{font-size:clamp(34px,3.8vw,54px);margin-bottom:28px}.world{display:grid;grid-template-columns:1fr 1fr;gap:25px 80px}.section-copy{color:var(--muted);max-width:440px;align-self:center;line-height:1.9}.world-panorama{grid-column:1/-1;min-height:330px;background:linear-gradient(0deg,#07151aee,transparent 85%),url('assets/amariya-hero.png') left 48%/cover;border:1px solid var(--line);display:flex;align-items:flex-end;padding:35px}.tag{font-size:9px;letter-spacing:2px;color:#cfddd9}.world-panorama h3{font-size:34px;margin:10px 0}.world-panorama p{color:#bed0cd;font-size:13px;margin:0}.section-heading{display:flex;justify-content:space-between;gap:70px}.class-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:28px}.class-tabs button{flex:1;border:none;border-bottom:2px solid transparent;padding:20px;background:transparent;color:var(--muted);letter-spacing:2px;font-size:12px}.class-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:#e9c17a08}.class-panel{position:relative;display:flex;align-items:center;gap:50px;padding:40px;background:linear-gradient(120deg,#182b34,#101c22);min-height:240px}.class-panel h3{font-size:40px;margin:8px 0 15px}.class-panel p:not(.eyebrow){color:var(--muted);max-width:570px;margin:0}.class-emblem{font:100px Georgia;color:var(--gold);min-width:150px;text-align:center;text-shadow:0 0 50px #e9c17a30}.class-number{position:absolute;right:25px;top:20px;font-size:10px;letter-spacing:2px;color:#5a747e}.adventure-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.adventure{min-height:410px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line)}.adventure h3{font-size:32px;margin:20px 0 12px}.adventure p{color:#afc7c6;font-size:13px;max-width:360px;margin:0}.aether{background:linear-gradient(0deg,#071d23, #071d2330),url('assets/amariya-hero.png') right center/auto 110%}.social{background:radial-gradient(ellipse at 50% 0%,#294049,#111d24 70%)}.orbit{font:65px Georgia;color:#8cafa7;display:flex;justify-content:center;gap:25px;margin:15px}.orbit span{color:var(--gold)}.account-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid var(--line)}.account-benefits{display:grid;gap:15px;color:#9ab2b8;font-size:12px;margin-top:35px}.login-card{padding:36px;background:var(--surface);border:1px solid #a7bec226;box-shadow:0 25px 80px #0003}.login-card h3{font-size:30px;letter-spacing:-.6px;margin-bottom:8px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:13px}label{display:block;font-size:11px;color:#b4c4c8;margin:20px 0 7px}input:not([type=hidden]){width:100%;background:#0b171e;border:1px solid #70899244;color:white;padding:13px 14px;border-radius:0;font-size:13px}input:focus{border-color:var(--gold)}.password-field{position:relative}.password-field input{padding-right:85px}.password-field button{position:absolute;right:9px;top:12px;background:none;border:none;color:var(--muted);font-size:10px}.login-card form>.button{width:100%;margin-top:24px}.form-note{display:block;color:#80969e;font-size:10px;line-height:1.8;margin-top:20px}.error{background:#773b3138;border:1px solid #bd796977;color:#f4c3b7;padding:12px;font-size:12px}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right}.download{text-align:center;background:radial-gradient(ellipse,#29473f55,transparent 65%);border-top:1px solid var(--line)}.download h2{font-size:clamp(40px,5vw,68px)}.download p:not(.eyebrow){color:var(--muted)}.download small{display:block;color:#81989e;font-size:11px;margin-top:20px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:25px;color:#8ba0a5;font-size:11px}footer .brand{font-size:16px;letter-spacing:2px;color:var(--text)}footer p{margin:0;flex:1}footer .brand small{font-size:8px;letter-spacing:2px}footer>span{font-size:9px}@media(max-width:800px){.nav{padding:18px 5%;gap:12px}.brand{font-size:17px}.sigil{font-size:22px;padding:6px 9px}.menu-toggle{display:block;background:none;border:0;color:var(--gold);font-size:23px;margin-left:auto}nav{display:none;position:absolute;top:83px;left:0;width:100%;background:#0b171ef5;padding:25px;flex-direction:column;gap:20px}nav.open{display:flex}.nav-login{font-size:10px;padding:8px 10px}.nav-login span{margin-left:8px}.hero{min-height:760px}.hero-content{width:87%;margin:150px 6% 130px}.hero-art{background:linear-gradient(90deg,#071015dd,#07101566),linear-gradient(0deg,var(--bg),transparent),url('assets/amariya-hero.png') 65% center/cover}.intro{max-width:420px}.ribbon{flex-wrap:wrap;font-size:8px;justify-content:center}.section{padding:65px 6%}.world,.account-section{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.class-panel{gap:15px;padding:25px}.class-emblem{font-size:60px;min-width:65px}.class-tabs button{padding:17px 8px;font-size:10px;letter-spacing:0}.adventure-grid{grid-template-columns:1fr}.adventure{min-height:350px}.login-card{padding:25px}.art-caption{bottom:16px;font-size:8px}.scroll{bottom:40px}.actions{gap:10px}.button{gap:12px;padding:14px 17px}footer{flex-wrap:wrap}footer p{flex-basis:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}