:root{--void:#02050a;--night:#06111d;--ice:#7ee7ff;--blue:#1b9bd0;--deep:#0b4163;--white:#ecfaff;--muted:#91a8b7;--gold:#c7a65a;--green:#66dfa2;--red:#d66060;--line:#9bdff226;--glass:#07131fba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--white);font:15px/1.65 Inter,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(90deg,#fff0 49.7%,#a9ecff06 50%,#fff0 50.3%);mix-blend-mode:screen}a{color:inherit}button,input{font:inherit}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:88px;padding:0 clamp(22px,4vw,72px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;border-bottom:1px solid transparent;transition:.35s ease}.site-header.scrolled,.site-header:not(:has(+ main .hero)){height:72px;background:#030912d9;border-color:var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:700 21px/1 Georgia,serif;letter-spacing:.06em;white-space:nowrap}.brand b{color:var(--ice)}.brand small{display:block;margin-top:6px;color:#7c9aab;font:600 8px/1 sans-serif;letter-spacing:.18em}.brand-mark{width:38px;height:44px;display:grid;place-items:center;border:1px solid #87e9ff66;clip-path:polygon(50% 0,100% 20%,88% 78%,50% 100%,12% 78%,0 20%);background:linear-gradient(145deg,#1a5877,#07131e);color:var(--ice);font:bold 22px Georgia,serif;text-shadow:0 0 14px var(--ice)}nav{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,34px)}nav a,.login-link{border:0;background:none;text-decoration:none;text-transform:uppercase;color:#afc1cc;font-size:11px;font-weight:750;letter-spacing:.13em;white-space:nowrap;cursor:pointer;transition:.2s}nav a:hover,.login-link:hover{color:var(--white);text-shadow:0 0 18px var(--ice)}.header-actions{display:flex;align-items:center;gap:20px}.header-cta{padding:10px 15px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;border:1px solid #78dffd88;background:#0c3548aa;box-shadow:inset 0 0 18px #4edfff15,0 0 16px #39d8ff0c}.menu-toggle{display:none;border:0;background:none;width:40px;padding:8px}.menu-toggle i{display:block;height:1px;background:var(--white);margin:6px 0;transition:.2s}.auth-only,.admin-only{display:none}#content{min-height:100vh;outline:0}.hero{height:max(720px,100svh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:#02060b}.hero-bg{position:absolute;inset:0;background:url('/assets/hero/hero-bg.webp') center/cover no-repeat;transform:scale(1.03);animation:slow-push 20s ease-in-out infinite alternate}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02050af7 0%,#03101fd1 32%,#06111e43 61%,#02050a9c 100%),linear-gradient(0deg,#02050a 0%,transparent 32%),radial-gradient(circle at 73% 45%,#32c8ff2b,transparent 29%)}.hero-character{position:absolute;z-index:2;right:clamp(-80px,1vw,20px);bottom:-4%;width:min(54vw,850px);height:96%;background:url('/assets/characters/lich-king.webp') center bottom/contain no-repeat;filter:drop-shadow(-26px 10px 40px #000b) saturate(.88);mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 75%,transparent 99%);animation:character-breathe 8s ease-in-out infinite alternate}.hero-content{position:relative;z-index:5;width:min(1340px,calc(100% - 80px));margin:auto;padding-top:55px}.overline{margin:0 0 18px;color:#85a8bc;font-size:10px;font-weight:800;letter-spacing:.35em}.hero-logo{font:700 clamp(28px,3vw,48px)/1 Georgia,serif;letter-spacing:.07em;text-shadow:0 3px 18px #000}.hero-logo span{color:var(--ice);text-shadow:0 0 25px #50d9ff66}.expansion{margin:8px 0 28px;color:var(--gold);font:600 10px/1 sans-serif;letter-spacing:.28em}.hero h1{margin:0;color:#f3fbff;font:500 clamp(62px,7.1vw,116px)/.82 Georgia,serif;letter-spacing:-.05em;text-shadow:0 4px 45px #000}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #bceeff;background:linear-gradient(180deg,#edfcff 10%,#5fc6e5 55%,#164a68);background-clip:text;filter:drop-shadow(0 0 15px #43d6ff42)}.realm-live{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#c7d8e2}.realm-live span,.signal{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green);animation:pulse 2s infinite}.realm-live b{margin-left:15px;color:#8299a7;font-weight:600}.rates{display:flex;align-items:center;gap:18px;margin-top:22px;color:#92a9b7;font-size:10px;letter-spacing:.14em}.rates b{font:700 22px Georgia,serif;color:var(--ice);margin-right:5px}.rates i{width:1px;height:23px;background:var(--line)}.hero-actions{display:flex;gap:15px;margin-top:32px}.ice-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:1px solid #8decff99;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:850;letter-spacing:.15em;cursor:pointer;transition:.25s}.ice-button{color:#03101a;background:linear-gradient(135deg,#b8f5ff,#48bddf);box-shadow:0 0 30px #43dcff2b,inset 0 1px #fff}.ice-button:hover{transform:translateY(-2px);box-shadow:0 0 45px #43dcff55}.ghost-button{color:#dcecf3;background:#06131cb3}.ghost-button span,.text-link span{color:var(--ice);margin-left:12px}.ghost-button:hover{border-color:var(--ice);background:#0c2938}.scroll-cue{position:absolute;z-index:6;bottom:25px;left:50%;transform:translateX(-50%);color:#607b8a;font-size:8px;font-weight:800;letter-spacing:.28em}.scroll-cue span{display:block;width:1px;height:34px;margin:10px auto 0;background:linear-gradient(var(--ice),transparent)}.fog{position:absolute;z-index:3;width:90%;height:25%;bottom:-4%;left:-10%;background:radial-gradient(ellipse,#a9e9ff1c,transparent 65%);filter:blur(20px);animation:fog-drift 18s linear infinite alternate}.fog-two{left:35%;bottom:10%;animation-duration:25s;opacity:.65}.snow{position:absolute;z-index:4;inset:0;opacity:.35;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#9deaff 0 1px,transparent 1.5px);background-size:137px 137px,91px 91px;background-position:0 0,40px 25px;animation:snowfall 22s linear infinite}.realm-strip{position:relative;z-index:7;margin-top:-1px;background:linear-gradient(90deg,#03070b,#081a27,#03070b);border-block:1px solid var(--line)}.realm-strip-inner{width:min(1340px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:2.2fr repeat(5,1fr);min-height:112px}.realm-strip-inner>div{padding:25px 30px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.realm-strip-inner>div:first-child{position:relative;padding-left:50px}.realm-strip .signal{position:absolute;left:29px}.realm-strip small{color:#68808e;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.21em}.realm-strip strong{margin-top:4px;font:600 19px Georgia,serif}.online{color:var(--green)!important}.alliance{color:#69cfff!important}.horde{color:#d96363!important}.section-shell{width:min(1240px,calc(100% - 48px));margin:auto}.welcome{min-height:630px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding-block:100px}.welcome-art{height:440px;background:linear-gradient(90deg,transparent 74%,var(--void)),linear-gradient(0deg,var(--void),transparent 30%),url('/assets/backgrounds/northrend-bg.webp') center/cover;border-left:1px solid #89e8ff3b;box-shadow:-25px 0 80px #176e9820;clip-path:polygon(0 8%,92% 0,100% 88%,8% 100%)}.section-head>span,.page-hero>span{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.3em}.section-head h2{margin:12px 0 18px;font:500 clamp(38px,5vw,66px)/.98 Georgia,serif;text-transform:uppercase}.section-head p{max-width:520px;color:var(--muted);font-size:16px}.text-link{display:inline-block;margin-top:25px;color:#cceef8;text-decoration:none;font-size:10px;font-weight:850;letter-spacing:.19em}.ranking-home{padding:80px 0 130px;text-align:center}.ranking-home .section-head p{margin-inline:auto}.ranking-frame{margin:45px auto 0;max-width:1000px;position:relative}.ranking-frame:before{content:"";position:absolute;inset:-30px;background:radial-gradient(ellipse,#128bc01a,transparent 66%);pointer-events:none}.data-list{position:relative;border-top:1px solid var(--line)}.data-head,.data-row{display:grid;grid-template-columns:70px 2fr repeat(3,1fr);align-items:center;text-align:left;min-height:62px;border-bottom:1px solid var(--line)}.data-head{min-height:40px;color:#688493;text-transform:uppercase;font-size:8px;font-weight:850;letter-spacing:.2em}.data-row{background:linear-gradient(90deg,#0a223066,transparent);transition:.2s}.data-row:hover{background:linear-gradient(90deg,#0d3449b8,#07121b55);transform:translateX(3px)}.data-row span:first-of-type{font-family:Georgia,serif;font-size:17px}.rank-no{color:#4daaca;font:500 13px Georgia,serif}.centered{margin-top:30px}.factions{min-height:540px;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20%,#0879bb29,transparent 31%),radial-gradient(circle at 80%,#a30c1733,transparent 31%),linear-gradient(#020609,#071019,#020609);border-block:1px solid var(--line)}.factions:before{content:"";position:absolute;inset:0;background:url('/assets/hero/hero-bg.webp') center/cover;opacity:.12;filter:grayscale(1)}.faction,.versus{position:relative}.crest{width:100px;height:115px;margin:0 auto 18px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 23%,82% 80%,50% 100%,18% 80%,5% 23%);background:linear-gradient(145deg,#154c68,#06121c);color:#9beaff;font:700 46px Georgia,serif;border:1px solid var(--ice)}.faction-h .crest{background:linear-gradient(145deg,#5a1b24,#130609);color:#ff8c8c}.faction small{color:#8195a0;font-size:8px;letter-spacing:.3em}.faction h2{margin:5px;font:500 clamp(38px,5vw,67px) Georgia,serif}.faction strong{display:block;color:var(--ice);font:500 33px Georgia,serif}.faction-h strong{color:#df6f71}.faction>span{font-size:8px;letter-spacing:.2em;color:#718591}.versus{font:italic 500 24px Georgia,serif;color:var(--gold)}.news{padding:120px 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.news article{height:430px;position:relative;overflow:hidden;background:var(--news) center/cover}.news article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#02070af5 3%,transparent 72%),linear-gradient(90deg,#07121b66,transparent)}.news article div{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.news time{font-size:8px;font-weight:900;color:var(--gold);letter-spacing:.2em}.news h3{margin:7px 0;font:500 26px Georgia,serif;text-transform:uppercase}.news p{color:#9db0bb;margin:0}.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,#040a10,#010306);padding:55px 0}.footer-inner{width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;color:#607987;text-align:right}.footer-inner p{margin:5px}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none;color:#8bb8c9}.page-hero{height:390px;padding:155px max(24px,calc((100% - 1240px)/2)) 60px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(90deg,#02060a 10%,transparent),linear-gradient(0deg,#02050a,transparent 65%),url('/assets/hero/hero-bg.webp') center 48%/cover}.page-hero h1{margin:10px 0 0;font:500 clamp(48px,7vw,86px)/.95 Georgia,serif;text-transform:uppercase}.page-content{padding-block:70px 120px;min-height:450px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.stat-grid article{min-height:150px;padding:30px;background:linear-gradient(145deg,#0a1e2b,#050c12)}.stat-grid small{display:block;color:#708996;text-transform:uppercase;font-size:8px;letter-spacing:.2em}.stat-grid strong{display:block;margin-top:12px;color:var(--ice);font:500 clamp(22px,3vw,36px) Georgia,serif}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.steps article{padding:30px;background:#06111a}.steps b{color:#277fa4;font:500 31px Georgia,serif}.steps p{color:#b5c8d2}.realmlist{margin-top:40px;padding:35px;border-left:2px solid var(--ice);background:#071822}.realmlist small{display:block;color:var(--gold);letter-spacing:.2em}.realmlist code{display:block;margin:12px 0 22px;color:var(--ice);font-size:17px}.realmlist p code{display:inline;font-size:inherit}.download-list article{display:flex;align-items:center;justify-content:space-between;padding:28px;border-block:1px solid var(--line);background:linear-gradient(90deg,#0b253366,transparent)}.download-list h3{font:500 28px Georgia,serif;margin:3px 0}.download-list small{color:#6f8997;letter-spacing:.2em}.pending,.available{text-transform:uppercase;font-size:9px;letter-spacing:.2em}.pending{color:var(--gold)}.available{color:var(--green)}.rules-list{counter-reset:rules;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.rules-list li{counter-increment:rules;padding:25px;background:#06111a}.rules-list li:before{content:"0" counter(rules);color:#3da9cf;margin-right:18px;font:500 18px Georgia,serif}.portal-form{max-width:570px;padding:40px;background:linear-gradient(145deg,#0a202d,#050d14);border:1px solid var(--line);box-shadow:0 25px 90px #0008}.portal-form label{display:block;margin-bottom:20px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.16em;color:#9db2bd}.portal-form input{display:block;width:100%;margin-top:7px;padding:14px 15px;border:1px solid #7bdff83b;background:#02080d;color:var(--white);outline:0}.portal-form input:focus{border-color:var(--ice);box-shadow:0 0 20px #4fdfff14}.portal-form small{display:block;margin-top:5px;color:#607c89;text-transform:none;letter-spacing:0}.error-box,.empty-state{padding:40px;text-align:center;color:#cfdee5;border:1px solid var(--line);background:#07131d}.ice-rune{color:var(--ice);font-size:26px}#toast{position:fixed;z-index:50;right:24px;bottom:24px;max-width:380px;padding:14px 20px;border:1px solid var(--ice);background:#071924ed;color:var(--white);opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}#toast.bad{border-color:var(--red);color:#ffbaba}@keyframes slow-push{to{transform:scale(1.08) translateX(-1%)}}@keyframes character-breathe{to{transform:translateY(-8px);filter:drop-shadow(-26px 10px 50px #000c) saturate(.95)}}@keyframes fog-drift{to{transform:translateX(25%) scale(1.1)}}@keyframes snowfall{to{background-position:30px 400px,-20px 300px}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 4px var(--green)}}
@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:13px}.site-header nav a{font-size:9px}.header-actions{gap:10px}.hero-character{width:62vw;right:-13vw;opacity:.88}.hero-content{width:calc(100% - 56px)}.realm-strip-inner{grid-template-columns:2fr repeat(3,1fr)}.realm-strip-inner>div:nth-child(4),.realm-strip-inner>div:nth-child(5){display:none}.welcome{gap:35px}.steps{grid-template-columns:1fr 1fr}.steps article:last-child{grid-column:span 2}}
@media(max-width:820px){.site-header{height:72px;grid-template-columns:1fr auto}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px 28px 28px;flex-direction:column;align-items:flex-start;background:#020911f5;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.site-header nav.open{display:flex}.header-actions{display:none}.brand{font-size:18px}.hero{min-height:700px}.hero-content{padding-top:90px}.hero-character{right:-23vw;width:78vw;opacity:.58}.hero-bg:after{background:linear-gradient(90deg,#02050af7,#03101fbd 65%,#02050a8a),linear-gradient(0deg,#02050a,transparent 40%)}.hero h1{font-size:clamp(58px,12vw,84px)}.realm-strip-inner{grid-template-columns:1.5fr repeat(2,1fr)}.realm-strip-inner>div:nth-child(6){display:none}.welcome{grid-template-columns:1fr;padding-block:70px}.welcome-art{height:330px}.welcome-copy{grid-row:1}.news-grid{grid-template-columns:1fr 1fr}.news article:last-child{grid-column:span 2}.factions{min-height:470px;grid-template-columns:1fr 60px 1fr}.data-head,.data-row{grid-template-columns:50px 1.5fr repeat(3,1fr)}.data-head span:nth-last-child(n+6),.data-row span:nth-last-child(n+6){display:none}.stat-grid{grid-template-columns:1fr 1fr}.site-footer .footer-inner{flex-direction:column;gap:25px;text-align:center}.footer-links{justify-content:center}}
@media(max-width:560px){.site-header{padding:0 18px}.hero{height:100svh;min-height:680px}.hero-bg{background-position:64% center}.hero-character{right:-35vw;bottom:-1%;width:105vw;height:78%;opacity:.42}.snow{opacity:.22}.hero-content{width:calc(100% - 36px);padding-top:15px;align-self:center}.overline{font-size:8px;letter-spacing:.22em}.hero-logo{font-size:27px}.hero h1{font-size:clamp(52px,17vw,73px);margin-top:10px}.expansion{margin-bottom:22px}.realm-live{margin-top:22px;flex-wrap:wrap}.realm-live b{margin-left:0;width:100%}.rates{gap:10px}.rates b{font-size:18px}.hero-actions{flex-direction:column;width:min(100%,310px);gap:9px}.ice-button,.ghost-button{min-height:47px}.scroll-cue{display:none}.realm-strip-inner{width:100%;grid-template-columns:1.5fr 1fr}.realm-strip-inner>div{padding:18px 14px}.realm-strip-inner>div:first-child{padding-left:38px}.realm-strip-inner>div:nth-child(n+3){display:none}.section-shell{width:calc(100% - 32px)}.welcome{padding-block:62px}.welcome-art{height:230px}.section-head h2{font-size:38px}.ranking-home{padding-block:60px 90px}.data-head{display:none}.data-row{grid-template-columns:38px 1fr 1fr;min-height:68px}.data-row span{display:none!important}.data-row span:nth-of-type(1),.data-row span:nth-of-type(2){display:block!important}.data-row span:before{content:attr(data-label);display:block;color:#587483;font:700 7px sans-serif;letter-spacing:.13em;text-transform:uppercase}.factions{min-height:650px;grid-template-columns:1fr}.versus{padding:0}.crest{width:72px;height:84px;font-size:32px}.faction h2{font-size:38px}.news{padding-block:80px}.news-grid{grid-template-columns:1fr}.news article,.news article:last-child{grid-column:auto;height:330px}.page-hero{height:310px;padding-top:120px}.page-content{padding-block:45px 80px}.stat-grid,.rules-list,.steps{grid-template-columns:1fr}.steps article:last-child{grid-column:auto}.portal-form{padding:25px 20px}.footer-links{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg,.hero-character,.snow,.fog,.realm-live span,.signal{animation:none!important}*{transition-duration:.01ms!important}}
.journey{position:relative;overflow:hidden;padding:110px 0;border-top:1px solid var(--line);background:linear-gradient(90deg,#02070bee,#071a29c7),url('/assets/backgrounds/northrend-bg.webp') center/cover}.journey:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75%,#44d8ff1f,transparent 36%);pointer-events:none}.journey-inner{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.journey-kicker,.journey aside small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.3em}.journey h2{margin:12px 0 18px;font:500 clamp(40px,5vw,68px)/.95 Georgia,serif;text-transform:uppercase}.journey p{max-width:540px;color:var(--muted);font-size:16px}.journey aside{padding:38px;border:1px solid #83dcf53d;background:#06131fc7;box-shadow:0 24px 80px #0008;backdrop-filter:blur(12px)}.journey code{display:block;margin:15px 0;color:var(--ice);font-size:clamp(15px,2vw,20px)}.journey .ice-button,.journey .ghost-button{margin-top:22px}.news-one{--news:url('/assets/news/server-open.webp')}.news-two{--news:url('/assets/news/welcome.webp')}.news-three{--news:url('/assets/news/event.webp')}
@media(max-width:820px){.journey-inner{grid-template-columns:1fr;gap:42px}.journey{padding:80px 0}}
@media(max-width:560px){.journey{padding:65px 0}.journey aside{padding:25px 20px}.journey .ice-button,.journey .ghost-button{width:100%}}

/* Modern reinterpretation of the reference template's scenic shell and inverse panels. */
body:not(.is-home){background:#02060b url('/assets/backgrounds/northrend-bg.webp') center/cover fixed no-repeat}
body:not(.is-home):after{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,#02060ad9 0,#04111bd4 45%,#020509f2 100%),radial-gradient(circle at 74% 18%,#48cfff1f,transparent 32%)}
body:not(.is-home) #content{background:transparent}
body:not(.is-home) .site-header{background:linear-gradient(180deg,#02070af5,#06111ddd);border-color:#9bdff22b;box-shadow:0 12px 45px #0008;backdrop-filter:blur(16px)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #8ee8ff36;box-shadow:0 26px 80px #0009}
.page-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#020609f5 8%,#041725b8 48%,#06121d73),linear-gradient(0deg,#02070bd9,transparent 70%)}
.page-hero:after{content:"";position:absolute;right:clamp(22px,7vw,110px);bottom:-30px;width:180px;height:180px;border:1px solid #87e8ff1f;transform:rotate(45deg);box-shadow:0 0 60px #46d8ff12,inset 0 0 45px #46d8ff0b}
.page-hero>span,.page-hero>h1{position:relative;z-index:1;max-width:1240px;text-shadow:0 4px 28px #000}
.page-content{position:relative;margin-top:54px;margin-bottom:90px;padding:clamp(28px,4vw,54px);min-height:420px;border:1px solid #8bdff234;background:linear-gradient(145deg,#091a27db,#030a11ed);box-shadow:0 35px 110px #000b,inset 0 1px #b8efff12;backdrop-filter:blur(15px)}
.page-content:before,.page-content:after{content:"";position:absolute;width:38px;height:38px;pointer-events:none}
.page-content:before{top:-1px;left:-1px;border-top:2px solid var(--ice);border-left:2px solid var(--ice)}
.page-content:after{right:-1px;bottom:-1px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.page-content .portal-form{margin-inline:auto;width:min(100%,620px);background:linear-gradient(145deg,#0a2231e8,#030a11f2);border-color:#8bdff24a;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
.page-content .stat-grid,.page-content .steps,.page-content .rules-list{border:1px solid #8bdff21f;box-shadow:0 18px 55px #0006}
.page-content .data-list{border-inline:1px solid #8bdff21f;background:#02091085}
.page-content .realmlist{background:linear-gradient(90deg,#092536e8,#051019dd)}
@media(max-width:820px){.page-content{margin-top:28px;margin-bottom:60px}.page-hero:after{width:120px;height:120px;opacity:.55}}
@media(max-width:560px){body:not(.is-home){background-attachment:scroll}.page-content{width:calc(100% - 24px);padding:22px 14px;margin-top:18px;margin-bottom:45px}.page-content .portal-form{clip-path:none}.page-hero:after{display:none}}