:root{--bg:#0a1516;--panel:#102322;--gold:#d4b16d;--light:#f0e6ce;--muted:#aab9b0;--jade:#8dc8ab}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--light);margin:0;font:16px/1.65 Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:5px;outline:3px solid #a6e6c0}::selection{background:#3a6c55}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.15}h1{letter-spacing:-2px;text-shadow:0 4px 22px #0009;font-size:clamp(48px,5.4vw,79px)}h2{letter-spacing:-1px;font-size:clamp(34px,3.4vw,49px)}h3{font-size:25px}em{color:var(--gold);font-style:normal}p{color:var(--muted)}.wrap{width:min(1160px,100% - 64px);margin-inline:auto}.skip{color:#000;z-index:100;background:#fff;padding:12px;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}.header{z-index:2;background:linear-gradient(#0c1918,#102220);border-bottom:1px solid #b49a5844;justify-content:space-between;align-items:center;gap:20px;height:92px;padding:0 max(32px,50% - 620px);display:flex;position:relative}.brand{letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:13px;font-family:Georgia,serif;font-size:19px;display:flex}.brand b{color:var(--gold);font-weight:400}.brand small{letter-spacing:3px;color:#9ba99d;margin-top:4px;font:9px/1.4 Segoe UI,sans-serif;display:block}.brand-seal{border:1px solid var(--gold);outline-offset:4px;width:47px;height:52px;color:var(--gold);background:linear-gradient(120deg,#274436,#10231d);outline:1px solid #c8ae5f44;place-items:center;font-size:32px;display:grid}nav{color:#cbd2c5;align-items:center;gap:30px;font-size:14px;display:flex}nav a:hover{color:var(--gold)}.nav-cta{color:#e5c58e;background:#293427;border:1px solid #9b824e;padding:10px 18px}.hero{background:#183b35 url(/pandaria-hero.png) 50% 43%/cover no-repeat;align-items:center;min-height:675px;display:flex;position:relative}.hero-shade{background:linear-gradient(90deg,#071918c9 0%,#07191850 45%,#0000 72%),linear-gradient(#0000 72%,#0a1516 100%);position:absolute;inset:0}.hero-content{padding-top:15px;padding-bottom:80px;position:relative}.eyebrow{letter-spacing:2.5px;color:var(--gold);margin-bottom:20px;font-size:11px;font-weight:600}.hero .lead{color:#d0d9ca;text-shadow:0 2px 12px #000;max-width:490px;margin-top:26px;font-size:17px;line-height:1.8}.actions{flex-wrap:wrap;gap:15px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #a88c4a;border-radius:2px;justify-content:center;align-items:center;gap:30px;min-height:52px;padding:12px 24px;font-size:14px;font-weight:600;transition:filter .2s,transform .2s;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff09}.button:hover{filter:brightness(1.15);transform:translateY(-1px)}.primary{color:#19221b;text-shadow:0 1px #fff3;background:linear-gradient(110deg,#c8a35d,#e1c17d)}.secondary{color:#e7d4a9;background:#102823c9}.hero-note{letter-spacing:.3px;color:#a3b6a5;margin-top:20px;font-size:12px}.hero-bottom{color:#9caa96;letter-spacing:3px;justify-content:center;align-items:center;gap:22px;width:100%;font-size:9px;display:flex;position:absolute;bottom:23px}.hero-bottom span{color:var(--gold);font-size:15px}.facts{border-top:1px solid #c2a56766;border-bottom:1px solid #c2a56733;grid-template-columns:repeat(4,1fr);padding:28px 0;display:grid}.facts div{text-align:center;border-right:1px solid #b8a27433}.facts div:last-child{border:0}.facts b{color:var(--gold);font:21px Georgia,serif;display:block}.facts span{color:var(--muted);margin-top:7px;font-size:11px;display:block}.section{padding-block:90px}.center-heading{text-align:center;max-width:670px;margin:0 auto 45px}.center-heading .eyebrow{margin-bottom:14px}.center-heading>p:last-child{margin-top:20px}.features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.features article{background:linear-gradient(145deg,#1a3029,#10211f);border:1px solid #a58d4c44;padding:29px 28px 25px;position:relative}.features article:before{content:"";pointer-events:none;border:1px solid #8c864d19;position:absolute;inset:5px}.feature-icon{color:var(--gold);margin-bottom:20px;font-size:30px;display:block}.features p{margin-top:15px;font-size:14px}.tag{text-transform:uppercase;letter-spacing:1px;color:#bdc0a1;margin-top:24px;font-size:10px;display:block}.account-section{background:radial-gradient(at 10% 60%,#264b3b66,#0000 60%),#111f1d;border-block:1px solid #9c86413b;padding:80px 0}.account-layout{grid-template-columns:1fr 1.08fr;align-items:center;gap:75px;display:grid}.account-copy>p:not(.eyebrow){margin-top:23px}.checklist{color:#cdd4c2;margin:25px 0;padding:0;font-size:14px;list-style:none}.checklist li{margin:10px 0}.checklist li:before{content:"✦";color:var(--gold);margin-right:12px}.connection-note{border-left:2px solid #9a8050;margin-top:28px;padding-left:18px;font-size:12px}.connection-note b{color:#d0c7a9}.connection-note p{margin-top:6px}.registration-card{outline-offset:6px;background:linear-gradient(135deg,#21352d,#101e1c);border:1px solid #bba16177;outline:1px solid #bba16122;padding:32px;box-shadow:0 22px 60px #0003}.form-heading{align-items:center;gap:16px;display:flex}.form-heading .eyebrow{margin-bottom:7px;font-size:9px}.form-heading h3{font-size:26px}.seal{color:var(--gold);font-size:30px}.connection{color:#c7b181;align-items:center;gap:8px;margin:21px 0;font-size:11px;display:flex}.connection span{background:#baa075;border-radius:50%;width:7px;height:7px}.connection.ready{color:#a0d8b5}.connection.ready span{background:#81cba0;box-shadow:0 0 10px #81cba033}label{color:#e0d8c2;margin:16px 0 7px;font-size:12px;font-weight:600;display:block}input{color:#f0e6ce;background:#091715bb;border:1px solid #9e936455;border-radius:2px;width:100%;height:45px;padding:8px 12px;font-size:14px}input::placeholder{color:#768c7f}small{color:#91a699;margin-top:7px;font-size:11px;line-height:1.6;display:block}.passwords{grid-template-columns:1fr 1fr;gap:13px;display:grid}.full{width:100%;margin-top:24px}.button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55;transform:none}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-message{color:#edc79b;margin-top:15px;font-size:13px}.form-message:empty{display:none}.form-message.success{color:#c0e8cb;background:#284b31;border:1px solid #6dba8055;padding:14px}.privacy{color:#8b9e91;margin-top:16px;font-size:11px;line-height:1.65}.steps{grid-template-columns:repeat(3,1fr);gap:55px;margin:0;padding:0;list-style:none;display:grid}.steps li{padding-top:7px;position:relative}.steps li>span{color:#677c5c;margin-bottom:18px;font:38px Georgia,serif;display:block}.steps h3{font-size:24px}.steps p{margin-top:15px;font-size:14px}.download{border-top:1px solid #bc9d5833;grid-template-columns:1.1fr .9fr;gap:32px 80px;display:grid}.download h2{font-size:40px}.download p{margin:22px 0}.download .button{margin-top:6px}.download .download-meta{margin:12px 0;font-size:11px}.download-box{text-align:center;background:radial-gradient(at top,#254c39,#101d1b 70%);border:1px solid #b49b5a66;padding:35px;box-shadow:inset 0 0 0 6px #091915,0 25px 45px #0003}.crest{color:var(--gold);margin-bottom:20px;font:70px/1 Georgia;display:inline-block;position:relative}.crest>span{color:#91b391;margin-left:-17px;font-size:42px}.download-box h3{letter-spacing:3px;font-size:24px}.download-box>p{letter-spacing:4px;color:#b6ae87;margin:12px 0 25px;font-size:9px}.launcher-features{text-align:left;color:#c3c7b3;border-top:1px solid #aa98533b;flex-direction:column;gap:8px;padding-top:20px;font-size:12px;display:flex}.release-line{color:#8ca194;border-top:1px solid #aa98533b;justify-content:space-between;margin-top:20px;padding-top:15px;font-size:10px;display:flex}.download .download-fine{color:#899b90;grid-column:1/-1;max-width:880px;margin:0;font-size:11px}.faq{border-top:1px solid #bc9d5833;grid-template-columns:.7fr 1.3fr;gap:80px;display:grid}.faq details{border-bottom:1px solid #bc9d5833;padding:18px 0}.faq summary{cursor:pointer;color:#ddd6bc;font-size:15px}.faq details p{max-width:620px;margin-top:15px;font-size:13px}footer{border-top:1px solid #bc9d5833;justify-content:space-between;align-items:center;gap:25px;padding-block:28px 40px;display:flex}footer p,footer>a:last-child{font-size:10px}footer .brand{font-size:16px}footer a:hover{color:var(--gold)}@media (min-width:1650px){.hero{min-height:760px}}@media (max-width:950px){.header{padding:0 25px}nav{gap:17px}.hero{background-position:60%;min-height:650px}.hero-shade{background:linear-gradient(90deg,#071918e0,#07191855 80%),linear-gradient(#0000 70%,#0a1516)}.account-layout{gap:35px}.features{gap:14px}.features article{padding:22px}.download{gap:40px}.registration-card{padding:24px}.faq{gap:35px}.passwords{grid-template-columns:1fr;gap:0}.facts span{font-size:10px}.steps{gap:28px}}@media (max-width:680px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;gap:15px;height:auto;min-height:91px;padding:15px 18px}.brand{font-size:17px}.brand-seal{width:35px;height:39px;font-size:25px}.header nav{justify-content:space-between;gap:8px;width:100%;font-size:11px}.nav-cta{padding:7px 11px}.hero{background-position:65% 0;align-items:flex-end;min-height:650px}.hero-shade{background:linear-gradient(90deg,#071918bd,#07191822),linear-gradient(#0000,#0a151699 35%,#0a1516 97%)}.hero-content{padding-top:165px;padding-bottom:78px}.hero h1{letter-spacing:-1px;font-size:44px}.hero .eyebrow{font-size:9px}.hero .lead{max-width:390px;font-size:14px}.actions{gap:10px;margin-top:25px}.button{gap:16px;min-height:47px;padding:10px 16px;font-size:12px}.hero-note{font-size:10px}.hero-bottom{letter-spacing:2px;gap:13px;font-size:7px}.facts{grid-template-columns:1fr 1fr;padding:10px 0}.facts div{padding:15px 5px}.facts div:nth-child(2){border-right:0}.facts b{font-size:18px}.section{padding-block:56px}.center-heading{margin-bottom:30px}.center-heading p{font-size:14px}.eyebrow{letter-spacing:1.7px;font-size:9px}.features,.account-layout,.steps,.download,.faq{grid-template-columns:1fr}.features{gap:16px}.features article{padding:25px}.feature-icon{margin-bottom:15px}.features h3{font-size:25px}.account-section{padding:55px 0}.account-layout{gap:38px}.account-copy>p{font-size:14px}.registration-card{outline-offset:3px;padding:24px 20px}.passwords{grid-template-columns:1fr}.form-heading h3{font-size:24px}.steps{gap:25px}.steps li{padding-left:60px}.steps li>span{font-size:32px;position:absolute;top:0;left:0}.steps p{margin-top:10px}.download h2{font-size:34px}.download{gap:28px}.download-box{padding:30px}.faq{gap:20px}.faq h2 br{display:none}footer{flex-wrap:wrap;gap:16px}footer p{order:3;width:100%}footer>a:last-child{margin-left:auto}}.client-section{border-top:1px solid #bc9d5833;grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.client-copy>p:not(.eyebrow){margin-top:22px}.client-hint{max-width:460px;font-size:12px}.client-card{outline-offset:6px;background:radial-gradient(at 100% 0,#294c36,#10211f 70%);border:1px solid #bba16177;outline:1px solid #bba16122;padding:32px}.client-intro{margin-top:22px;font-size:14px}.client-access{color:#a0d8b5;margin-top:22px;font-size:12px}.client-package{border-block:1px solid #aa98533b;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding:16px 0;font-size:12px;display:flex}.client-package b{color:#e5d5af}.client-package span{color:#aab9b0}.client-instructions{color:#b9c5b5;margin-top:22px;padding-left:20px;font-size:12px;line-height:1.8}.client-instructions li{margin-bottom:8px;padding-left:5px}.checksum{color:#a0b29f;margin-top:18px;font-size:11px}.checksum summary{cursor:pointer}.checksum code{overflow-wrap:anywhere;color:#c8c5ab;margin-top:8px;font-size:10px;display:block}.text-button{color:#c9b480;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:20px;padding:0;font-size:11px;text-decoration:underline}.client-pending{color:#d8c18c;margin-top:20px;font-size:12px}@media (max-width:950px){.client-section{gap:35px}.client-card{padding:25px}}@media (max-width:680px){.client-section{grid-template-columns:1fr;gap:35px}.client-card{outline-offset:3px;padding:24px 20px}.client-copy>p{font-size:14px}.client-hint{font-size:12px!important}}.join-guide{max-width:960px}.join-guide .center-heading{max-width:700px}.join-steps{border-top:1px solid #bc9d5844;margin:0;padding:0;list-style:none}.join-steps>li{border-bottom:1px solid #bc9d5833;grid-template-columns:56px minmax(0,1fr);gap:24px;padding:27px 22px;display:grid}.join-steps>li:nth-child(2n){background:linear-gradient(100deg,#1c332855,#0000)}.join-number{color:var(--gold);font:34px/1.2 Georgia,serif}.join-steps h3{margin-bottom:10px;font-size:25px}.join-steps p{font-size:14px}.join-steps strong,.guide-finish strong,.guide-help strong{color:#e4dbc1;font-weight:600}.join-steps code{color:#b9d9c3;overflow-wrap:anywhere;font:13px/1.8 Consolas,monospace}.guide-link{color:#dcc38f;text-underline-offset:4px;font-size:13px;text-decoration:underline;display:inline-block}.join-steps .guide-link{margin-top:12px}.join-steps .guide-detail{margin-top:10px;font-size:12px}.realmlist-copy{background:#071512;border:1px solid #87996c66;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 15px;display:flex}.realmlist-copy code{color:#c8e4cb;-webkit-user-select:all;user-select:all;font-size:14px}.realmlist-copy button{color:#efdfb5;cursor:pointer;background:#263e2d;border:1px solid #ac9359;border-radius:2px;padding:8px 13px;font-size:12px}.realmlist-copy button:hover{background:#34563d}.copy-status{color:#b5ddb9;min-height:0;font-size:12px!important}.copy-status:not(:empty){margin-top:8px}.guide-finish{background:#203b2c66;border:1px solid #8eae7355;align-items:center;gap:15px;margin-top:24px;padding:22px;font-size:14px;display:flex}.guide-finish>span{color:var(--gold);font-size:24px}.guide-help{border:1px solid #bc9d5833;margin-top:22px;padding:17px 22px;font-size:13px}.guide-help summary{cursor:pointer;color:#e5d7b5}.guide-help ul{color:var(--muted);padding-left:20px}.guide-help li{margin:10px 0}@media (max-width:680px){.join-steps>li{grid-template-columns:34px minmax(0,1fr);gap:13px;padding:23px 0}.join-number{font-size:27px}.join-steps h3{font-size:23px}.realmlist-copy{gap:10px;padding:11px}.realmlist-copy code{font-size:12px}.guide-finish,.guide-help{padding:17px}.join-guide .center-heading{text-align:left}}.client-connect{border-top:1px solid #bba16155;margin-top:26px;padding-top:24px}.client-connect .eyebrow{letter-spacing:1.5px;margin-bottom:10px;font-size:9px}.client-connect h4{color:var(--light);margin:0 0 12px;font:26px/1.2 Georgia,serif}.client-connect>p:not(.eyebrow){font-size:13px}.client-connect strong{color:#dfd5b9;font-weight:600}.client-connect .full{gap:15px;margin-top:16px}.client-connect-links{flex-wrap:wrap;gap:10px 20px;margin-top:17px;display:flex}.client-connect-links .guide-link{font-size:12px}.client-connect small{margin-top:15px}.join-steps p .guide-link{font-size:inherit;margin-top:0}.join-steps .button{margin-top:16px}
