:root{--ink:#08060c;--panel:#15101b;--panel2:#201626;--gold:#d9a95d;--gold2:#f1cf8b;--violet:#8b3f78;--violet2:#c060ae;--text:#f2e9e1;--muted:#a99eaa;--line:rgba(218,174,103,.25);font-family:Inter,"Segoe UI",sans-serif;color:var(--text);background:var(--ink);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#251525 0,#0a0710 42%,#060509 100%);line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(4,3,7,.76),transparent)}.brand{font:800 25px/1 Georgia,serif;letter-spacing:.03em;display:flex;align-items:center;gap:12px;color:#fff}.brand-gem{width:18px;height:18px;display:inline-block;transform:rotate(45deg);background:linear-gradient(135deg,#ef8ee2,#6c2867);box-shadow:0 0 18px #c34eb0;border:1px solid #efc9ea}.topbar nav{display:flex;gap:32px}.topbar nav a,.back-link{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c5bbc6}.topbar nav a:hover,.back-link:hover{color:var(--gold2)}.button{display:inline-flex;min-height:50px;padding:0 26px;align-items:center;justify-content:center;background:linear-gradient(135deg,#71305d,#421a3b);border:1px solid #ab588f;color:white;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 35px rgba(83,23,70,.35);transition:.22s}.button:hover{transform:translateY(-2px);filter:brightness(1.15)}.button-small{min-height:38px;padding:0 18px}.button-ghost{background:rgba(12,8,16,.35);border-color:rgba(231,202,155,.4);box-shadow:none}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px clamp(24px,9vw,170px) 80px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("iwsmmo-hero.png") center/cover no-repeat;filter:saturate(.85)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,3,8,.94) 0,rgba(7,4,10,.7) 40%,rgba(9,5,12,.18) 70%),linear-gradient(0deg,#08060c 0,transparent 30%),radial-gradient(circle,transparent 35%,rgba(4,2,6,.72) 100%)}.hero-content{position:relative;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--gold);font-weight:800;margin:0 0 16px}.hero h1,.account-copy h1{font:700 clamp(54px,7vw,102px)/.95 Georgia,serif;margin:0;letter-spacing:-.04em}.hero h1 span,.account-copy h1 span{color:var(--gold2);text-shadow:0 0 30px rgba(207,151,78,.18)}.hero-copy{max-width:640px;color:#c7bec8;font-size:18px;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.scroll-mark{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.28em;color:#8d838f;display:grid;justify-items:center;gap:8px}.scroll-mark span{width:1px;height:38px;background:linear-gradient(var(--gold),transparent)}.section{padding:110px clamp(24px,8vw,150px)}.intro{text-align:center;max-width:1100px;margin:auto}.section h2,.cta h2{font:700 clamp(38px,5vw,65px)/1.05 Georgia,serif;margin:0 0 24px}.intro>p:last-of-type{color:var(--muted);max-width:760px;margin:0 auto 55px;font-size:17px}.stat-row{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:30px}.stat-row div{display:grid;gap:5px;border-right:1px solid var(--line)}.stat-row div:last-child{border:0}.stat-row strong{font:700 40px Georgia;color:var(--gold2)}.stat-row span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.class-section{background:linear-gradient(180deg,rgba(21,13,22,.2),rgba(34,18,34,.6),rgba(8,6,12,.1))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-heading>p{max-width:410px;color:var(--muted)}.class-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.class-grid article{min-height:330px;padding:32px 26px;background:linear-gradient(160deg,#18121c,#0d0a10);position:relative;overflow:hidden}.class-grid article:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(173,83,150,.14);transform:rotate(45deg);right:-100px;bottom:-90px}.class-grid span{color:#6b5b6b;font:700 12px Georgia}.class-grid h3,.system-grid h3{font:700 24px Georgia;color:var(--gold2);margin:120px 0 14px}.class-grid p,.system-grid p{font-size:13px;color:var(--muted)}.systems{text-align:center}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.system-grid article{padding:42px 34px;border:1px solid var(--line);background:rgba(18,13,22,.7)}.system-grid h3{margin:20px 0 12px}.system-icon{font-size:33px;color:var(--violet2)}.cta{margin:30px clamp(20px,5vw,90px) 100px;padding:55px clamp(30px,5vw,70px);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:linear-gradient(110deg,rgba(80,31,67,.5),rgba(20,14,24,.9))}.cta h2{margin:0}footer{border-top:1px solid var(--line);padding:38px clamp(24px,5vw,88px);display:flex;justify-content:space-between;align-items:center;color:#776e7a;font-size:12px}footer>div{display:flex;gap:22px}.account-page{min-height:100vh;background:#08060c url("iwsmmo-hero.png") center/cover fixed no-repeat}.account-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(4,3,7,.92),rgba(12,7,15,.82)),radial-gradient(circle at 75% 50%,rgba(107,39,91,.24),transparent 40%)}.account-main{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 520px;gap:8vw;align-items:center;padding:120px clamp(25px,9vw,170px) 80px}.account-copy{max-width:700px}.account-copy p:not(.eyebrow){color:#b9aeba;max-width:580px;font-size:17px}.account-copy ul{list-style:none;padding:20px 0;margin:0;display:grid;gap:10px;color:#d7ccd5}.account-copy li:before{content:"✦";color:var(--gold);margin-right:12px}.account-card{background:linear-gradient(145deg,rgba(28,20,33,.96),rgba(12,9,16,.98));border:1px solid rgba(211,158,82,.35);padding:45px;box-shadow:0 35px 90px #000;position:relative}.account-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(129,59,109,.22);pointer-events:none}.account-card h2{font:700 36px Georgia;margin:0}.card-note{color:var(--muted);margin:4px 0 25px}.card-ornament{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:absolute;top:18px;left:45px;right:45px}.card-ornament span{position:absolute;width:9px;height:9px;background:var(--violet2);left:50%;top:-4px;transform:rotate(45deg);box-shadow:0 0 12px var(--violet2)}form{display:grid;gap:15px}label{display:grid;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#cfbdcb}input{width:100%;height:44px;border:1px solid #4a3148;background:#0a080d;padding:0 13px;color:white;font:14px inherit;outline:none}input:focus{border-color:var(--violet2);box-shadow:0 0 0 2px rgba(192,96,174,.12)}label small{font-size:10px;letter-spacing:0;text-transform:none;color:#756b77}.password-meter{height:2px;background:#29212c}.password-meter i{display:block;height:100%;width:0;transition:.2s;background:#a94455}.password-meter i[data-score="3"]{background:#d39a4d}.password-meter i[data-score="4"]{background:#57b68d}.consent{display:flex;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:12px}.consent input{width:16px;height:16px;margin-top:3px}.consent a{color:var(--gold2)}.button-full{width:100%;border-radius:0;cursor:pointer}.button:disabled{opacity:.5;cursor:wait;transform:none}.form-status{min-height:24px;padding:0 2px;font-size:12px;text-align:center}.form-status.error{color:#ff7986}.form-status.success{color:#79d9ab}.login-note{text-align:center;color:#756d78;font-size:11px;margin:16px 0 0}.honeypot{position:absolute!important;left:-9999px!important}.compact-footer{position:relative;padding-block:20px}.verify-main{position:relative;min-height:100vh;display:grid;place-items:center;padding:100px 24px}.verify-card{text-align:center;max-width:560px}.verify-card h1{font:700 42px Georgia;margin:10px}.verify-card p:not(.eyebrow){color:var(--muted);margin:0 auto 30px}.verify-gem{font-size:52px;color:#65d6a1;text-shadow:0 0 24px currentColor}.verify-gem.invalid{color:#e06176}.legal-page{min-height:100vh;background:#0a0710}.legal-page .topbar{position:relative}.legal{max-width:860px;margin:auto;padding:80px 24px 120px}.legal h1{font:700 52px Georgia}.legal h2{color:var(--gold2);margin-top:40px}.legal p{color:#b4a9b5}.legal a{color:var(--gold2)}
@media(max-width:1050px){.class-grid{grid-template-columns:repeat(2,1fr)}.class-grid article:last-child{grid-column:span 2}.account-main{grid-template-columns:1fr;max-width:760px;margin:auto}.account-copy{padding-top:50px}.topbar nav{display:none}}@media(max-width:680px){.topbar{height:68px;padding:0 18px}.topbar .button-small{display:none}.brand{font-size:21px}.hero{padding-inline:24px}.hero h1,.account-copy h1{font-size:52px}.hero-copy{font-size:15px}.section{padding:75px 20px}.stat-row{grid-template-columns:repeat(2,1fr);gap:22px}.stat-row div:nth-child(2){border:0}.section-heading,.cta{display:block}.class-grid,.system-grid{grid-template-columns:1fr}.class-grid article:last-child{grid-column:auto}.cta .button{margin-top:25px}.account-main{padding:100px 16px 60px}.account-card{padding:38px 24px}.account-copy{display:none}footer{display:grid;gap:15px;text-align:center;justify-items:center}}
