@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#111a21;--deep:#0c131a;--panel:#16212a;--gold:#c9ab6f;--bright:#efd6a0;--text:#e6e6de;--muted:#a1afb6;--line:#41505a;--serif:'Cinzel',Georgia,serif;--body:'Manrope','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 50% 65%,#22354355,transparent 60%),var(--deep);color:var(--text);font:16px/1.65 var(--body)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.22}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--bright);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;z-index:100;padding:10px;background:var(--panel);transform:translateY(-160%)}.skip:focus{transform:none}
.utility{background:#091119;border-bottom:1px solid #35414b;font-size:12px;letter-spacing:1.5px;color:#9aa8b1}.utility .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:9px}.utility b{font-weight:600;color:#d1b989;margin-left:12px}.utility i{font-style:normal;color:#9e8050;margin-inline:10px;font-size:9px}
.header{position:relative;z-index:5;background:linear-gradient(#23313b,#111c25);border-bottom:1px solid #907851;box-shadow:0 4px 20px #0006}.header_inner{min-height:92px;display:flex;align-items:center;gap:36px}.brand{display:block;flex-shrink:0;text-align:center;color:var(--bright);line-height:1}.brand strong{font:600 37px/1 var(--serif);letter-spacing:3px;text-shadow:0 2px 3px #000}.brand>span{display:block;letter-spacing:5px;font-size:10px;margin-top:8px;padding-left:5px;color:#c0ccd1}.header nav{display:flex;align-self:stretch;align-items:center;justify-content:center;flex:1;gap:32px}.header nav>a{display:flex;align-items:center;height:100%;font:600 14px var(--serif);letter-spacing:.5px;position:relative;color:#d1d7d9}.header nav>a.active,.header nav>a:hover{color:var(--bright)}.header nav>a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.menu_toggle{display:none;border:1px solid var(--line);background:var(--panel);font-size:24px;padding:4px 12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;border:1px solid #70818b;background:linear-gradient(#2c3c49,#15222c);box-shadow:inset 0 0 0 3px #14212c,inset 0 0 0 4px #64748055,0 3px 8px #0003;font:600 14px/1.5 var(--serif);letter-spacing:.8px;text-align:center;transition:filter .18s,transform .18s;color:#e9eee9}.button:hover{filter:brightness(1.2);transform:translateY(-1px)}.button_gold{border-color:#f0d59b;background:linear-gradient(#e0bf7c,#b58b46);color:#202018;text-shadow:0 1px #ffe9b255;box-shadow:inset 0 0 0 3px #6e522d66,inset 0 0 0 4px #fff0c355,0 3px 14px #0004}.button_small{min-height:42px;font-size:12px;padding:9px 18px}.full{width:100%}.text_button{background:none;border:0;padding:0;color:var(--gold);font-size:14px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}.text_button:hover{color:#fff0cb}.eyebrow{display:block;font-size:12px;letter-spacing:2px;font-weight:600;color:var(--gold)}
.hero{position:relative;min-height:690px;overflow:hidden;background:#4a657a;isolation:isolate;text-align:center}.hero_art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 30%;z-index:-3}.hero_shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0d1821 0%,#1b293d70 20%,#24405422 90%),radial-gradient(ellipse at 50% 55%,#0c223a99 0%,#0b203b60 23%,transparent 55%)}.hero_content{position:relative;padding:47px 20px 45px;margin:auto;max-width:820px}.hero_eyebrow{display:flex;justify-content:center;align-items:center;gap:16px;font-size:12px;color:#f5e1b9;text-shadow:0 2px 6px #142131}.hero_eyebrow span{width:45px;height:1px;background:linear-gradient(90deg,transparent,#e2c692)}.hero_eyebrow span:last-child{transform:rotate(180deg)}.hero h1{font-size:clamp(30px,3.6vw,51px);line-height:1.2;color:#fff6df;letter-spacing:-.8px;margin:21px 0 15px;text-shadow:0 2px 3px #092035,0 3px 20px #172b40}.hero_intro{color:#edf3f5;text-shadow:0 2px 6px #102b44;line-height:1.75;font-size:16px}.launch_label{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin:27px auto 13px;font:600 13px var(--serif);letter-spacing:1px;color:#fff0cf}.launch_label>span{background:#182837d9;border:1px solid #a98e65;padding:5px 10px;font-size:11px}.launch_label time{text-shadow:0 2px 4px #102438}
.countdown{display:flex;align-items:center;justify-content:center;gap:15px;margin:auto;filter:drop-shadow(0 8px 18px #071728aa)}.countdown>div{width:112px}.countdown strong{font:500 clamp(46px,6.3vw,85px)/1.05 var(--serif);font-variant-numeric:tabular-nums;display:block;color:#fff0c9;text-shadow:0 2px 1px #62502c;letter-spacing:-2px;background:linear-gradient(#273845e6,#122330eb);border:1px solid #b59e71;box-shadow:inset 0 0 0 4px #07141a80,inset 0 0 0 5px #83909740;padding:7px 3px}.countdown div>span{display:block;color:#e0d9ca;font-size:11px;letter-spacing:2px;margin-top:9px}.countdown>b{align-self:flex-start;padding-top:10px;font:400 46px var(--serif);color:#e5d4b1}.launch_timezone{font-size:12px;color:#c2cdd3;margin:12px 0 19px}.hero_cta{width:310px;max-width:100%;min-height:56px;font-size:15px}.hero_sub{font-size:12px;color:#bccbd3;margin-top:9px}.hero_edge{position:absolute;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#a08a60 20%,#d5c292 50%,#a08a60 80%,transparent)}
.chapter_bar{border-bottom:1px solid #53626e66;background:linear-gradient(#202e38,#131f28);font-size:12px;letter-spacing:1.2px;color:#d4d8d8}.chapter_bar>.wrap{display:flex;align-items:center;justify-content:center;gap:44px;min-height:54px}.chapter_bar i{font-style:normal;font-size:8px;color:#9f855d}
.portal_grid{display:grid;grid-template-columns:260px minmax(0,1fr) 275px;gap:22px;margin-top:40px;align-items:start}.panel{border:1px solid #6d7370;background:linear-gradient(145deg,#1b2a35,#111c25);box-shadow:0 6px 20px #0002;position:relative}.panel:before,.panel:after{content:'';position:absolute;width:10px;height:10px;border-color:var(--gold);pointer-events:none}.panel:before{top:3px;left:3px;border-top:1px solid;border-left:1px solid}.panel:after{bottom:3px;right:3px;border-bottom:1px solid;border-right:1px solid}.panel_title{padding:22px 22px 17px;border-bottom:1px solid #77807a50;background:linear-gradient(#24323b88,transparent)}.panel_title h2{font-size:23px;margin-top:4px}.panel_title .eyebrow{font-size:10px;letter-spacing:1.5px}.panel_body{padding:24px 20px;text-align:center}.panel_body p{color:#bdc8cd;font-size:14px;margin-bottom:21px}.panel_body .button+.button{margin-top:10px}.panel_body>.text_button{margin-top:13px}.panel_body .small_note{font-size:12px;line-height:1.8;margin:23px 0 0;color:#91a1ac}.panel_stamp{padding:12px 10px;text-align:center;font-size:10px;letter-spacing:1px;color:#a2a99f;background:#09151b60;border-top:1px solid #6f7b7340}.panel_stamp span{margin-right:9px;color:#c2aa7a}.panel_body h3{font-size:25px;color:var(--bright);margin-bottom:22px;overflow-wrap:anywhere}.news_heading{display:flex;justify-content:space-between;align-items:center}.small_link{font-size:11px;letter-spacing:1px;color:var(--gold);font-weight:700}.small_link:hover{color:#ffebbd}.small_link>span{margin-left:9px}.news_feature{padding:25px}.news_type{font-size:10px;font-weight:700;letter-spacing:1px;border:1px solid #bfa47470;padding:3px 8px;color:var(--bright)}.news_feature time{float:right;font-size:11px;color:#8f9fa9;line-height:26px}.news_feature h3{font-size:22px;margin:19px 0 13px}.news_feature p{font-size:14px;line-height:1.85;color:#aebcc4;margin-bottom:20px}.news_list{border-top:1px solid #5e6e7840;margin:0 24px;padding:8px 0 15px}.news_empty{font-size:12px;color:#8295a1;padding:12px 0}.news_item{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #53616a40;font-size:14px}.news_item:last-child{border:0}.news_item:hover{color:var(--bright)}.news_item>span{overflow-wrap:anywhere}.news_item time{flex-shrink:0;color:#879aa8;font-size:12px}.side_panels{display:grid;gap:16px}.download_panel{padding:22px;text-align:center;background:radial-gradient(ellipse at top,#385467,#182b38 60%,#15232b);border:1px solid #6f8b99;box-shadow:inset 0 0 0 4px #10212f,inset 0 0 0 5px #74818b55}.download_panel h2{font-size:31px;margin:12px 0 20px;color:#fff3d8}.download_panel .eyebrow{font-size:10px;letter-spacing:1.3px;color:#b9cbd0}.download_panel p{font-size:11px;color:#a0b5c1;margin-top:11px}.download_panel .button{font-size:11px;gap:13px;white-space:nowrap}.community_panel{padding:18px;border:1px solid #414f64;display:flex;gap:14px;align-items:center;background:linear-gradient(120deg,#263143,#17212f)}.community_symbol{font-size:34px;color:#abbad9}.community_panel .eyebrow{font-size:9px;letter-spacing:1px;color:#b2bdda}.community_panel strong{display:block;font:500 16px/1.5 var(--serif);margin:3px 0 7px}.community_panel div>span:last-child{font-size:12px;color:#b9b5cf}.community_panel b{margin-left:15px}.wiki_link{display:flex;gap:14px;align-items:center;padding:12px 5px;font-size:13px}.wiki_link>span{font-size:30px;color:#ad9a72}.wiki_link strong{font-weight:500}.wiki_link div>span{display:block;font-size:11px;color:#8ca0ad;margin-top:2px}.wiki_link>b{margin-left:auto;color:#b7a27d}
.classes_section{padding-top:64px}.section_title{text-align:center}.section_title h2{font-size:33px;margin:10px 0 11px;color:#ece5d4}.section_title>p{font-size:14px;color:#91a5b1}.class_tabs{display:grid;grid-template-columns:repeat(6,1fr);margin-top:32px;border:1px solid #5b6b75;background:linear-gradient(#24333e,#17232d)}.class_tabs button{font:500 15px var(--serif);padding:18px 8px;background:transparent;border:0;border-right:1px solid #63707a55;color:#bbc5c9}.class_tabs button:last-child{border-right:0}.class_tabs button[aria-selected=true]{background:linear-gradient(#66717966,#314251);color:var(--bright);box-shadow:inset 0 -2px var(--gold)}.class_tabs button:hover{color:#fff0d1}.class_panel{position:relative;overflow:hidden;min-height:410px;border:1px solid #5b6b75;border-top:0;isolation:isolate;background:#182c3b}.class_panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}.class_panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111f2ded,#11202ccc 29%,#1a2c3b55 48%,transparent 75%);z-index:-1}.class_info{width:44%;padding:65px 50px}.class_info h3{font-size:42px;margin-top:9px;color:#f4e3bb}.class_info>p{font-size:15px;line-height:1.9;color:#ccd5d7;min-height:86px}.class_info .eyebrow{font-size:10px}.ornament_line{height:1px;width:90px;background:linear-gradient(90deg,var(--gold),transparent);margin:20px 0}.class_info .button{margin-top:26px;font-size:11px;min-height:42px}.about_section{padding-top:65px;padding-bottom:70px;display:grid;grid-template-columns:290px 1fr;gap:48px}.about_section h2{font-size:28px;margin-top:12px;color:#e5dfcf}.about_columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about_columns article{border-top:1px solid #52616b;padding-top:16px}.about_columns article>span{color:#748894;font:500 25px var(--serif)}.about_columns h3{font-size:17px;margin:10px 0}.about_columns p{font-size:13px;color:#8fa4b0;line-height:1.9}
footer{border-top:1px solid #4b5253;background:#090f15}.footer_inner{padding:32px 0;display:flex;align-items:center;gap:45px}.footer_inner .brand strong{font-size:27px;color:#aa9c7c}.footer_inner .brand span{font-size:8px;color:#82949c}.footer_inner p{font-size:13px;color:#b7c2c6}.footer_inner .footer_note{font-size:11px;color:#7d8f99;margin-top:4px}.footer_inner nav{margin-left:auto;display:flex;gap:22px;font-size:12px;color:#9fb0b9}.footer_inner nav .text_button{font-size:12px;text-decoration:none;color:inherit}
.portal_dialog{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid #b99e70;background:linear-gradient(145deg,#22323e,#101c26);color:var(--text);box-shadow:0 30px 100px #0009,inset 0 0 0 5px #16222d,inset 0 0 0 6px #8b937e55}.portal_dialog::backdrop{background:#03101acf;backdrop-filter:blur(4px)}.dialog_close{position:absolute;right:14px;top:11px;font-size:28px;color:#cabb9c;background:none;border:0;line-height:1;padding:6px}.dialog_heading{margin:6px 0 24px}.dialog_heading h2,.info_dialog h2{font-size:28px;color:#f0dfb7;margin-top:8px}.dialog_heading p{font-size:14px;color:#acbec9;margin-top:9px}.field{margin-bottom:17px}.field label{display:block;font-size:14px;margin-bottom:6px;color:#d8dddc}.field label>span{color:#8297a4;font-size:12px}.field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #566a78;border-radius:0;background:#081722;color:#f5f4e9;font-size:16px}.field input:focus{border-color:var(--gold);outline:1px solid var(--gold);outline-offset:0}.field_hint{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:#93a8b5}.password_field{display:flex}.password_field input{min-width:0;border-right:0}.password_toggle{border:1px solid #566a78;background:#24333e;padding:0 12px;font-size:12px;color:var(--bright)}.consent{display:flex;gap:11px;margin-bottom:22px;align-items:flex-start}.consent input{width:18px;height:18px;flex-shrink:0;margin:4px 0 0;accent-color:#cdb176}.consent label,.consent .text_button{font-size:12px;line-height:1.9}#captcha_area{margin:15px 0 22px;min-height:26px}#captcha_widget{display:flex;justify-content:center}.form_feedback{font-size:14px;padding:12px 14px;border-left:2px solid #efbb9c;color:#f7d0ba;background:#4f2b2d66;margin-bottom:18px;overflow-wrap:anywhere}.auth_switch{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;border-top:1px solid #5c6a7544;margin-top:24px;padding-top:18px}.auth_switch .text_button{font-size:12px}.info_dialog{width:min(640px,calc(100% - 28px))}.info_dialog #info_content{font-size:14px;line-height:1.9;color:#bdc9cf;margin:25px 0;overflow-wrap:anywhere}.info_dialog #info_content p{margin:12px 0}.info_dialog #info_content h3,.info_dialog #info_content h4{margin:22px 0 9px;color:var(--bright)}#auth_success{text-align:center}#auth_success h3{font-size:24px;color:var(--bright)}#auth_success p{margin:18px 0 25px;color:#bacbd3;overflow-wrap:anywhere}.success_symbol{display:block;font-size:46px;color:#d8c08a;margin-bottom:14px}.noscript{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:15px;background:#f1d69c;color:#192633;font-size:14px}
@media(min-width:1700px){.hero_art{object-position:center 38%}.hero{min-height:740px}.hero_content{padding-top:66px}}
@media(max-width:1150px){.wrap{width:calc(100% - 40px)}.header_inner{gap:22px}.header nav{gap:18px}.header nav>a{font-size:12px}.portal_grid{grid-template-columns:230px 1fr;gap:20px}.side_panels{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:stretch}.download_panel h2{font-size:24px}.download_panel h2 br{display:none}.community_panel{padding:24px}.wiki_link{padding:24px;border:1px solid #435561}.about_section{grid-template-columns:1fr;gap:24px}.about_section h2 br{display:none}.footer_inner{gap:25px}.footer_inner nav{flex-wrap:wrap;gap:12px}}
@media(max-width:780px){.utility .wrap>span:last-child{display:none}.utility .wrap{justify-content:center}.header_inner{min-height:78px;gap:15px;justify-content:space-between}.brand strong{font-size:28px}.brand>span{font-size:8px;letter-spacing:3px;margin-top:6px}.menu_toggle{display:block;order:2}.header .button{margin-left:auto;font-size:10px;min-height:38px;padding:8px 13px;gap:8px}.header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 20px;flex-wrap:wrap;gap:0;background:#12212c;border-bottom:1px solid var(--gold)}.header nav.open{display:flex}.header nav>a{height:48px;flex:1 0 30%;justify-content:center;font-size:12px}.hero{min-height:655px}.hero_art{width:155%;max-width:none;left:-27.5%;object-position:center;opacity:.85}.hero_shade{background:linear-gradient(0deg,#0d1821,#19334955 45%,#1b2c3d22),radial-gradient(ellipse at center,#122b3e99,transparent 80%)}.hero_content{padding-top:45px}.hero h1{font-size:38px;margin-top:20px}.hero_intro{font-size:14px}.hero_eyebrow{font-size:10px}.launch_label{margin-top:28px}.countdown{gap:9px}.countdown>div{width:88px}.countdown strong{font-size:62px;padding:9px 0}.countdown>b{font-size:35px;padding-top:14px}.chapter_bar>.wrap{gap:18px;flex-wrap:wrap;padding-block:13px;font-size:10px}.portal_grid{margin-top:26px;grid-template-columns:1fr}.news_panel{grid-row:1}.join_panel .panel_body{padding:22px}.join_panel .small_note{margin-top:18px}.panel_body>.button{max-width:420px;display:flex;margin-inline:auto}.side_panels{grid-template-columns:1fr 1fr}.download_panel{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.download_panel h2{font-size:28px}.download_panel h2 br{display:block}.community_panel{padding:15px}.community_symbol{display:none}.wiki_link{padding:15px}.wiki_link>span{display:none}.class_tabs{grid-template-columns:repeat(3,1fr)}.class_tabs button{border-bottom:1px solid #56657144}.classes_section{padding-top:45px}.section_title h2{font-size:28px}.section_title p{font-size:13px}.class_panel{min-height:460px}.class_panel>img{height:100%;object-position:74% center;opacity:.8}.class_panel:after{background:linear-gradient(0deg,#102230 0%,#102230d9 45%,#10223022)}.class_info{width:100%;padding:230px 26px 28px}.class_info h3{font-size:33px}.class_info>p{min-height:auto;font-size:14px;max-width:440px}.class_info .ornament_line{margin:13px 0}.class_info .button{margin-top:19px}.about_section{padding-top:45px;padding-bottom:40px}.about_columns{grid-template-columns:1fr;gap:20px}.about_columns article{display:grid;grid-template-columns:40px 1fr;gap:0 10px}.about_columns article>span{grid-row:span 2}.about_columns h3{margin:0 0 7px}.about_columns p{grid-column:2}.footer_inner{flex-wrap:wrap;justify-content:center;text-align:center}.footer_inner nav{margin:auto;justify-content:center}.footer_inner>div{flex:1 0 60%}}
@media(max-width:420px){.wrap{width:calc(100% - 28px)}.header_inner{gap:10px}.hero h1{font-size:31px}.hero_eyebrow{letter-spacing:1px}.hero_intro{font-size:13px}.launch_label{gap:8px;font-size:11px}.countdown{gap:5px}.countdown>div{width:68px}.countdown strong{font-size:49px;padding:12px 0;letter-spacing:-2px}.countdown>b{font-size:28px;padding-top:17px}.countdown div>span{font-size:9px;letter-spacing:1px}.hero{min-height:620px}.chapter_bar>.wrap{gap:12px}.chapter_bar i{display:none}.side_panels{grid-template-columns:1fr}.download_panel{grid-row:auto}.download_panel h2 br{display:none}.news_feature{padding:22px}.news_feature h3{font-size:21px}.portal_dialog{padding:28px 18px}.dialog_heading h2{font-size:25px}.class_tabs button{font-size:12px}.section_title h2{font-size:24px}#captcha_widget{justify-content:flex-start}.consent label,.consent .text_button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Small lettering is metadata, never smaller than 12px. */
.auth_open{overflow:hidden}
.auth_backdrop{position:fixed;inset:0;z-index:1000;background:#03101acf;backdrop-filter:blur(4px)}
#auth_dialog[open]{position:fixed;inset:0;margin:auto;z-index:1001;height:fit-content;max-height:calc(100dvh - 32px)}
.community_symbol{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain}
.footer_inner nav{flex-wrap:wrap;max-width:580px;row-gap:12px;justify-content:flex-end}
#info_content ul,#info_content ol{padding-left:22px}
.operator_footer{display:flex;gap:30px;align-items:center;border-top:1px solid #536a7844;padding-block:24px 30px;color:#aabac5}.operator_footer img{object-fit:contain;max-width:240px}.operator_footer strong{font-size:14px;color:#cfbc91}.operator_footer p{font-size:12px;line-height:1.7;margin:5px 0}.operator_footer div{min-width:0;overflow-wrap:anywhere}@media(max-width:760px){.operator_footer{flex-direction:column;gap:12px;text-align:center}.footer_inner nav{justify-content:center}}
.hero_art{object-position:center top}
.class_panel>img{object-position:center top}
.brand>span,.panel_title .eyebrow,.panel_stamp,.download_panel .eyebrow,.download_panel p,.community_panel .eyebrow,.wiki_link div>span,.class_info .eyebrow,.footer_inner .brand span,.footer_inner .footer_note,.hero_eyebrow,.news_type,.news_feature time,.small_link,.launch_label>span,.countdown div>span{font-size:12px}
.button,.button_small,.download_panel .button,.class_info .button,.header nav>a,.class_tabs button{font-size:14px}
@media(max-width:780px){.header .button{font-size:12px}.header nav>a{font-size:14px}.chapter_bar>.wrap{font-size:12px;gap:15px}.class_tabs button{font-size:14px}.class_info .button{font-size:14px}.download_panel .button{white-space:normal;gap:7px}}
@media(max-width:780px){.class_panel>img{object-position:74% top}}
@media(max-width:420px){.hero_eyebrow span{width:24px}.hero_eyebrow{letter-spacing:1px}.countdown div>span{font-size:12px;letter-spacing:0}.class_tabs button{font-size:12px}.brand>span{font-size:10px}.header .button{padding:8px 10px}.download_panel .button{font-size:14px}}

/* Brand asset, uncropped class artwork and consistent action/partner alignment. */
.brand .brand_logo{width:194px;height:auto;max-width:100%;margin-inline:auto;object-fit:contain}
.header .brand_logo{width:194px}
.button.button_with_icon{position:relative;padding-inline:44px;gap:0;max-width:100%}
.button_icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:21px;height:21px;pointer-events:none}
.button_icon svg{display:block;width:100%;height:100%}
.small_link{display:inline-flex;align-items:center;gap:10px}.small_link>span{margin:0;font:600 22px/1 'Segoe UI',sans-serif}
.small_link>.button_icon{position:static;transform:none;flex:0 0 21px}
.community_panel b,.wiki_link>b{font:600 23px/1 'Segoe UI',sans-serif}
.wiki_link{padding:18px;border:1px solid #6d7370;background:linear-gradient(145deg,#1b2a35,#111c25);min-height:88px}
.wiki_link>div{min-width:0}.wiki_link>b{flex-shrink:0}
.class_panel{min-height:440px;aspect-ratio:2/1;background:linear-gradient(#a4d0f8,#7893bb)}
.class_panel>img{inset:16px 0 auto;width:100%;height:calc(100% - 32px);object-fit:contain;object-position:center top;opacity:1}
.class_info{position:relative;width:46%;padding:clamp(32px,5vw,65px) clamp(24px,4vw,50px)}
.site_footer{padding:32px 0}
.footer_grid{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(320px,420px);gap:28px 30px;align-items:center}
.footer_brand{justify-self:start}.footer_brand .brand_logo{width:220px}
.footer_intro{min-width:0}.footer_intro p{font-size:13px;color:#b7c2c6}.footer_intro .footer_note{font-size:12px;color:#7d8f99;margin-top:6px}
.footer_nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;align-items:start}
.footer_nav>a,.footer_nav>.text_button{font:12px/1.7 var(--body);color:#aebdc7;text-align:left;text-decoration:none;padding:0;overflow-wrap:anywhere}
.footer_nav>a:hover,.footer_nav>.text_button:hover{color:var(--bright)}
.footer_grid .operator_footer{grid-column:1/-1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;padding:26px 0 0;text-align:left}
.footer_grid .operator_footer img{width:220px;height:74px;max-width:100%;object-fit:contain;justify-self:start}
@media(max-width:1100px){.footer_grid{grid-template-columns:240px minmax(0,1fr)}.footer_nav{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}}
@media(max-width:780px){.header .brand_logo{width:148px}.class_panel{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}.class_panel>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;z-index:0;margin:16px 0 0}.class_panel:after{display:none}.class_info{width:100%;padding:25px 26px 28px;background:linear-gradient(#193040,#102230)}.class_info .button{margin-top:19px}.footer_grid{gap:22px 24px}}
@media(max-width:600px){.footer_grid{grid-template-columns:minmax(0,1fr);text-align:center}.footer_brand{justify-self:center}.footer_nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.footer_nav>a,.footer_nav>.text_button{text-align:center}.footer_grid .operator_footer{grid-template-columns:minmax(0,1fr);gap:12px;text-align:center}.footer_grid .operator_footer img{justify-self:center}}
@media(max-width:420px){.header .brand_logo{width:125px}.class_info{padding-inline:22px}}