:root{color-scheme:dark;--bg:#090d0c;--surface:#101815;--line:#263e33;--ink:#eff9f3;--muted:#99aea2;--lime:#68f7a5;--mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a,button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input,textarea,select{min-width:0}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--lime);color:var(--bg);font:900 26px var(--sans);letter-spacing:-5px;padding-right:5px}.brand-icon span{font-size:22px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:26px}.eyebrow{font:12px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.text-link{border:0;background:transparent;padding:8px 0;font-size:14px}.text-link:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 18px;border:1px solid #344e40;border-radius:10px;background:#15231b;font-size:14px;font-weight:650;color:var(--ink)}.button:hover{background:#1d3426;border-color:var(--lime)}.button.primary{background:var(--lime);border-color:var(--lime);color:#092215}.button.primary:hover{background:#9affc3}.button.small{font-size:13px;padding:9px 14px}.button.danger{background:#452722;border-color:#ad5e50}.tone-lime{--accent:#68f7a5;--glow:#68f7a51a}.tone-cyan{--accent:#63ddea;--glow:#63ddea1a}.tone-purple{--accent:#c69bff;--glow:#c69bff1a}.tone-amber{--accent:#efc270;--glow:#efc2701a}.monogram{display:flex;align-items:center;justify-content:center;color:var(--accent,var(--lime));font:800 24px var(--mono);background:#ffffff04;border:1px solid #ffffff16;border-radius:10px}.empty{text-align:center;padding:30px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:14px}.portal-body{min-height:100dvh;padding:38px 22px 30px;isolation:isolate}.portal-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#11372455,transparent 55%),radial-gradient(ellipse at 0 90%,#0e2c3b40,transparent 50%),#090d0c}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#79b79007 1px,transparent 1px),linear-gradient(90deg,#79b79007 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 80%)}.ambient-light{position:absolute;left:50%;top:-180px;width:650px;height:540px;transform:translateX(-50%);background:radial-gradient(ellipse,#3ce89719,transparent 65%);filter:blur(30px)}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#5ff6a104 3px 4px)}.particles i{position:absolute;width:3px;height:3px;left:10%;top:20%;background:var(--lime);border-radius:50%;box-shadow:0 0 9px 3px #72ffaa22;opacity:.4;animation:drift 12s ease-in-out infinite}.particles i:nth-child(2n){background:#70dfff;animation-duration:16s}.particles i:nth-child(2){left:80%;top:32%;animation-delay:-3s}.particles i:nth-child(3){left:22%;top:83%;animation-delay:-8s}.particles i:nth-child(4){left:93%;top:17%;animation-delay:-1s}.particles i:nth-child(5){left:70%;top:66%;animation-delay:-6s}.particles i:nth-child(6){left:15%;top:60%;animation-delay:-11s}.particles i:nth-child(7){left:65%;top:12%;animation-delay:-4s}.particles i:nth-child(8){left:35%;top:45%;animation-delay:-9s}.particles i:nth-child(9){left:53%;top:95%;animation-delay:-2s}.particles i:nth-child(10){left:90%;top:91%;animation-delay:-5s}.particles i:nth-child(11){left:7%;top:40%;animation-delay:-10s}.particles i:nth-child(12){left:45%;top:8%;animation-delay:-7s}@keyframes drift{0%,100%{transform:translate3d(0,0,0);opacity:.15}50%{transform:translate3d(14px,-50px,0);opacity:.6}}.portal-shell{width:min(920px,100%);margin-inline:auto}.portal-hero{text-align:center;max-width:570px;margin:0 auto 24px}.micro-label{font:12px var(--mono);letter-spacing:3px;color:#6c9e81}.hero-emblem{position:relative;display:grid;place-items:center;width:130px;height:130px;margin:22px auto 18px}.hero-emblem img,.hero-emblem amp-img{position:relative;display:block;width:100px;height:100px;filter:drop-shadow(0 8px 20px #0008);transform:rotate(-4deg)}.emblem-halo{position:absolute;inset:3px;border:1px solid #57d98f44;border-radius:32px;transform:rotate(8deg);box-shadow:0 0 45px #68f7a512,inset 0 0 30px #68f7a50a;animation:halo 6s ease-in-out infinite}@keyframes halo{50%{transform:rotate(-3deg);opacity:.45}}.portal-hero h1{font-size:42px;line-height:1.1;font-weight:900;letter-spacing:2px;overflow-wrap:anywhere;text-shadow:0 0 24px #8effb72a}.hero-subtitle{font-size:16px;color:#c5dacf;margin-top:14px}.hero-description{max-width:470px;margin:7px auto 0;font-size:14px;line-height:1.7;color:var(--muted)}.portal-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px;font:12px/1.4 var(--mono)}.portal-chips>*{border:1px solid #31483b;border-radius:99px;padding:7px 12px;color:#a4b9ac;background:#15251b66}.portal-chips .active-chip{color:var(--lime);border-color:#47896066;background:#28533b33}.portal-chips a:hover{border-color:var(--lime);color:var(--lime)}.portal-ticker{border-block:1px solid #426c4540;overflow:hidden;padding:12px 0;margin:26px 0 25px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);background:linear-gradient(90deg,transparent,#3672470c,transparent)}.portal-ticker>div{display:flex;align-items:center;width:max-content;animation:ticker 30s linear infinite;white-space:nowrap;font:12px var(--mono);letter-spacing:1.5px}.portal-ticker span{padding:0 25px;color:#8da897}.portal-ticker b{font-weight:400;color:#65d398}@keyframes ticker{to{transform:translateX(-50%)}}.directory-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.directory-heading>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#315640)}.directory-heading>span:last-child{transform:rotate(180deg)}.directory-heading h2{font:500 12px var(--mono);letter-spacing:2.8px;color:#9fbdab;text-align:center}.search-box{display:flex;align-items:center;gap:12px;margin:0 auto 17px;padding:10px 14px;max-width:380px;border:1px solid #2e4a3a;border-radius:10px;background:#0e1712b3;min-height:44px}.search-box svg{width:17px;height:17px;flex-shrink:0;color:#8cbb9d}.search-box input{background:transparent;border:0;outline:none;color:var(--ink);width:100%;font-size:14px}.search-box input::placeholder{color:#8da395}.search-box kbd{font:12px var(--mono);color:#8da395;border:1px solid #2e4a3a;border-radius:3px;padding:0 5px}.search-box:focus-within{border-color:var(--lime)}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.portal-card{position:relative;display:flex;align-items:center;gap:0;min-width:0;border:1px solid #2c4335;border-radius:16px;background:linear-gradient(120deg,var(--glow),transparent 56%),linear-gradient(165deg,#131f18,#0e1712);box-shadow:inset 0 1px 0 #fff05,0 8px 24px #0002;transition:transform .2s,border-color .2s,box-shadow .2s;isolation:isolate}.portal-card:after{content:'';position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55;pointer-events:none}.portal-card.featured{border-color:#4d735750}.portal-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 0 25px var(--glow)}.panel-hit{display:flex;align-items:center;gap:15px;min-width:0;flex:1;padding:14px 0 14px 14px;min-height:94px}.panel-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:70px;height:64px;border-radius:11px;border:1px solid #86cfa924;background:radial-gradient(ellipse,var(--glow),transparent),#0c1711;box-shadow:inset 0 0 0 3px #ffffff03;flex-shrink:0;overflow:hidden}.panel-logo>b{font:900 italic 27px/1 var(--mono);color:var(--accent);letter-spacing:-2px;text-shadow:0 0 16px var(--glow)}.panel-logo small{font:8px var(--mono);letter-spacing:1px;color:#8da395}.panel-body{min-width:0;flex:1;display:block}.panel-body h3{font-size:17px;font-weight:750;line-height:1.35;overflow-wrap:anywhere;letter-spacing:.1px}.panel-description{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.panel-description i{font-style:normal;color:var(--accent);font-size:15px}.login-pill{padding:7px 9px;margin-left:1px;border-radius:7px;border:1px solid #507a5a55;background:var(--glow);font:700 11px var(--mono);letter-spacing:.4px;color:var(--accent);flex-shrink:0}.login-pill.waiting{font-size:10px;color:#8ea99a;background:#253a2b55}.copy-link{border:0;background:none;color:#98b6a4;flex-shrink:0;padding:12px 13px;min-width:44px;min-height:44px;margin-right:3px;border-radius:8px}.copy-link:hover:not(:disabled){color:var(--accent)}.copy-link svg{display:block;width:17px;height:17px}.copy-link:disabled{opacity:.3}.portal-card>.panel-hit:last-child{padding-right:14px}.portal-tools{display:flex;justify-content:center;gap:12px;margin:25px auto 30px;max-width:480px}.portal-tools .button{flex:1;font-size:14px;background:#142119b3;border:1px solid #2b4535;min-height:48px;color:#bcd2c4}.portal-tools .button svg{width:17px;height:17px}.portal-tools .button:hover{color:var(--lime);border-color:#65aa80}.portal-footer{border-top:1px solid #294032;padding-top:24px;text-align:center}.portal-note{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #47654a70;border-radius:12px;background:#293c202b;max-width:650px;margin:0 auto 18px;padding:14px 18px;font-size:13px;color:#a4b7a5;line-height:1.7}.portal-note span{color:var(--lime);font-size:19px;flex-shrink:0}.updated{font-size:12px;color:#769581}.footer-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:12px;color:#698573;font:12px var(--mono)}.footer-bottom span:last-child{display:flex;align-items:center;gap:10px}.footer-bottom i{font-style:normal}.footer-bottom a:hover{color:var(--lime)}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#203d2d;border:1px solid #71dca0;border-radius:12px;color:#e2fdeb;padding:14px 22px;max-width:90vw;box-shadow:0 10px 45px #0008;font-size:14px;z-index:100}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:14px;color:#000;z-index:200}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#121d16;border:1px solid #496c53;border-radius:16px;color:var(--ink);width:min(520px,calc(100% - 32px));max-height:90vh;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog>p{color:var(--muted);margin-block:14px}dialog input{width:100%;background:#0d160f;border:1px solid #435039;border-radius:8px;padding:12px;color:var(--ink)}dialog form[method=dialog]{margin-top:15px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.portal-shell{max-width:850px}.panel-hit{gap:12px}.panel-logo{width:62px}.copy-link{padding-inline:10px}.login-pill{padding:6px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.portal-body{padding:25px 16px}.portal-shell{max-width:460px}.portal-hero{margin-bottom:20px}.micro-label{font-size:11px;letter-spacing:2px}.hero-emblem{width:112px;height:112px;margin:18px auto 16px}.hero-emblem img,.hero-emblem amp-img{width:86px;height:86px}.portal-hero h1{font-size:34px}.hero-subtitle{font-size:15px;margin-top:12px}.hero-description{font-size:13px;max-width:330px}.portal-chips{gap:6px;margin-top:16px;font-size:11px}.portal-chips>*{padding:6px 9px}.portal-ticker{margin:22px 0;padding-block:10px}.portal-ticker>div{font-size:11px}.directory-heading{gap:12px;margin-bottom:17px}.directory-heading h2{font-size:11px;letter-spacing:2px}.search-box{max-width:none;margin-bottom:14px}.panel-grid{grid-template-columns:1fr;gap:11px}.panel-hit{padding:12px 0 12px 12px;gap:13px;min-height:87px}.panel-logo{width:62px;height:60px}.panel-body h3{font-size:17px}.panel-description{font-size:12px}.login-pill{font-size:11px;padding:7px 8px}.copy-link{padding-inline:10px;margin-right:2px}.portal-tools{gap:10px;margin-block:22px}.portal-tools .button{font-size:13px;padding:11px 12px}.portal-note{font-size:12px;padding:12px}.site-header{padding-block:20px}}
@media(max-width:359px){.portal-body{padding-inline:12px}.panel-hit{gap:9px;padding-left:10px}.panel-logo{width:51px;height:54px}.panel-logo>b{font-size:25px}.panel-logo small{font-size:7px;letter-spacing:.5px}.panel-body h3{font-size:15px}.panel-description{font-size:12px}.login-pill{font-size:10px;padding:6px}.copy-link{min-width:37px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* NEXUS identity: cut corners, luminous edges, and motion only on interaction. */
.hero-emblem{width:144px;height:134px;margin-block:20px 17px}
.hero-emblem img,.hero-emblem amp-img{transform:none;width:108px;height:108px;filter:drop-shadow(0 0 18px #68f7a522)}
.emblem-halo{inset:0 5px;border-radius:6px;transform:rotate(45deg);border-color:#63debd25;box-shadow:0 0 35px #68f7a50a;animation:halo-v2 8s ease-in-out infinite}
.hero-emblem:before,.hero-emblem:after{content:'';position:absolute;width:46px;height:1px;background:linear-gradient(90deg,transparent,#7feda566);top:50%;left:-60px}
.hero-emblem:after{left:auto;right:-60px;transform:rotate(180deg)}
@keyframes halo-v2{50%{opacity:.35;transform:rotate(45deg) scale(.94)}}
.portal-hero h1{font-size:40px;font-weight:900;letter-spacing:1px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}
.wordmark-number{display:inline-block;color:var(--lime);font:800 28px/1.3 var(--mono);border:1px solid #69e4a14a;border-radius:5px 1px 5px 1px;padding:0 7px;background:#65e9950b;letter-spacing:-1px}
.portal-card{border-radius:16px 5px 16px 5px;overflow:hidden;box-shadow:inset 2px 0 0 var(--accent),0 6px 20px #0002;background:linear-gradient(105deg,var(--glow),transparent 45%),linear-gradient(160deg,#142019,#0c1510)}
.portal-card:before{content:'';position:absolute;inset:-50% auto -50% -80%;width:40%;background:linear-gradient(90deg,transparent,#c6ffe509,transparent);transform:skewX(-24deg);pointer-events:none;z-index:2;transition:left .6s ease}
.portal-card:hover:before{left:130%}
.portal-card:active{transform:scale(.995);border-color:var(--accent)}
.panel-logo{border-radius:10px 3px 10px 3px;background:radial-gradient(ellipse at 50% 0,var(--glow),transparent 80%),#0b1510;border-color:#a4e2bc22}
.panel-logo>b{font-size:28px;letter-spacing:-2px}
.login-pill{border-radius:5px 1px 5px 1px;min-width:51px;text-align:center}
.portal-tools .button{border-radius:10px 3px 10px 3px}
.portal-ticker{background:linear-gradient(90deg,transparent,#45d78909,transparent)}
.portal-ticker:hover>div{animation-play-state:paused}
@media(max-width:700px){.hero-emblem{width:126px;height:120px;margin-block:17px 16px}.hero-emblem img,.hero-emblem amp-img{width:94px;height:94px}.hero-emblem:before,.hero-emblem:after{width:32px;left:-41px}.hero-emblem:after{left:auto;right:-41px}.portal-hero h1{font-size:33px}.wordmark-number{font-size:23px}.portal-card{border-radius:14px 4px 14px 4px}.panel-logo>b{font-size:26px}}
@media(prefers-reduced-motion:reduce){.particles i,.emblem-halo,.portal-ticker>div{animation:none}.portal-card,.portal-card:before{transition:none}}

/* Decorative layers sit behind the portal and never capture pointer input. */
.fantasy-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;contain:layout paint}
.fire-glow{position:absolute;inset:auto 0 0;height:240px;background:radial-gradient(ellipse at 20% 100%,#f6662838,transparent 67%),radial-gradient(ellipse at 83% 100%,#ff8d292e,transparent 70%);opacity:.8;animation:fire-glow 5s ease-in-out infinite alternate}
.fire-bed{position:absolute;bottom:-55px;left:-10%;width:120%;height:370px;opacity:.62;mask-image:linear-gradient(transparent,#000 35%);transform-origin:50% 100%}
.fire-texture{position:absolute;inset:0;background-image:url('assets/fire-edge.webp');background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%;transform-origin:50% 100%;animation:fire-breathe 4.2s ease-in-out infinite alternate}
.fire-texture.secondary{opacity:.4;transform:scaleX(-1);background-position:160px bottom;animation:fire-breathe-secondary 3.1s ease-in-out -1.8s infinite alternate}
@keyframes fire-glow{to{opacity:.52;transform:scaleY(.88)}}
@keyframes fire-breathe{0%{transform:translate3d(-7px,3px,0) scaleY(.95);opacity:.78}45%{transform:translate3d(0,-5px,0) scaleY(1.04);opacity:1}100%{transform:translate3d(9px,1px,0) scaleY(.99);opacity:.88}}
@keyframes fire-breathe-secondary{0%{transform:translate3d(20px,8px,0) scale(-1.04,.91);opacity:.3}100%{transform:translate3d(-12px,-6px,0) scale(-1,1.08);opacity:.48}}
.dragon-flight{position:absolute;left:0;top:0;width:clamp(260px,28vw,430px);aspect-ratio:1;opacity:0;will-change:transform;animation:dragon-cross 34s linear infinite;animation-delay:-4s;filter:drop-shadow(0 0 10px #e981271c)}
.dragon-silhouette{width:100%;height:100%;background-image:url('assets/dragon-flight.webp');background-repeat:no-repeat;background-size:300% 200%;animation:dragon-wingbeat 1.2s steps(1,end) infinite}
.dragon-direction{width:100%;height:100%}
.dragon-flight.far{width:clamp(200px,21vw,320px);animation-name:dragon-return;animation-duration:43s;animation-delay:-26s;filter:drop-shadow(0 0 5px #e9812710)}
.dragon-flight.far .dragon-direction{transform:scaleX(-1)}
.dragon-flight.far .dragon-silhouette{animation-duration:1.4s;animation-delay:-.5s}
@keyframes dragon-wingbeat{0%,100%{background-position:0 0}16.667%{background-position:50% 0}33.334%{background-position:100% 0}50%{background-position:0 100%}66.667%{background-position:50% 100%}83.334%{background-position:100% 100%}}
@keyframes dragon-cross{0%{transform:translate3d(-35vw,17vh,0) rotate(-8deg) scale(.88);opacity:0}4%{opacity:.58}21%{transform:translate3d(32vw,5vh,0) rotate(4deg) scale(1);opacity:.64}43%{transform:translate3d(106vw,28vh,0) rotate(9deg) scale(1.05);opacity:.55}46%,100%{transform:translate3d(112vw,28vh,0) rotate(9deg) scale(1.05);opacity:0}}
@keyframes dragon-return{0%{transform:translate3d(106vw,48vh,0) rotate(7deg);opacity:0}4%{opacity:.3}24%{transform:translate3d(38vw,33vh,0) rotate(-5deg) scale(.87);opacity:.4}44%{transform:translate3d(-34vw,55vh,0) rotate(-9deg) scale(.94);opacity:.24}47%,100%{transform:translate3d(-36vw,55vh,0);opacity:0}}
.embers{position:absolute;inset:0;overflow:hidden}.embers i{position:absolute;bottom:-15px;width:3px;height:5px;border-radius:50%;background:#ffc674;box-shadow:0 0 7px #ff792980;opacity:0;animation:ember-ascent 9s linear infinite}
.embers i:nth-child(3n){width:2px;height:8px;background:#f57c43}.embers i:nth-child(2n){background:#ffdf9c;animation-duration:12s}.embers i:nth-child(4n){width:4px;height:4px;animation-duration:7s}
@keyframes ember-ascent{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}12%{opacity:.7}70%{opacity:.35}100%{transform:translate3d(42px,-82vh,0) rotate(145deg);opacity:0}}
.portal-background .particles i{background:#efa856;box-shadow:0 0 8px 2px #ff7f2b18}.portal-background .particles i:nth-child(2n){background:#f9d794}
.fx-toggle{border:0;padding:4px 0;background:none;font:inherit;color:#9eb5a5;cursor:pointer}.fx-toggle:hover{color:var(--lime)}.fx-toggle:disabled{opacity:.8;cursor:default}
.page-hidden .portal-background *,.page-hidden .portal-ticker>div,.page-hidden .emblem-halo{animation-play-state:paused}
.fx-paused .portal-background *,.fx-paused .portal-ticker>div,.fx-paused .emblem-halo{animation-play-state:paused}
.fx-paused .dragon-flight,.fx-paused .embers,.fx-paused .particles{visibility:hidden}
.fx-paused .fire-bed{opacity:.18}.fx-paused .fire-glow{opacity:.25}
@media(max-width:700px){.fire-bed{height:275px;bottom:-42px;opacity:.5}.fire-glow{height:165px;opacity:.65}.dragon-flight{width:250px;animation-name:dragon-cross-mobile;animation-duration:38s;animation-delay:-4s}.dragon-flight.far{display:none}.embers i:nth-child(n+11){display:none}.particles i:nth-child(n+7){display:none}.fire-texture.secondary{display:none}}
@keyframes dragon-cross-mobile{0%{transform:translate3d(-260px,6vh,0) rotate(-8deg);opacity:0}5%{opacity:.42}20%{transform:translate3d(25vw,14vh,0) rotate(4deg);opacity:.45}35%{transform:translate3d(105vw,22vh,0) rotate(7deg);opacity:.3}39%,100%{transform:translate3d(110vw,22vh,0);opacity:0}}
@media(prefers-reduced-motion:reduce){.fantasy-fx *{animation:none}.dragon-flight,.embers{display:none}.fire-bed{opacity:.2}.fire-glow{opacity:.3}}

.embers i:nth-child(1){left:4%;animation-delay:-0.70s}
.embers i:nth-child(2){left:11%;animation-delay:-3.43s}
.embers i:nth-child(3){left:19%;animation-delay:-6.16s}
.embers i:nth-child(4){left:26%;animation-delay:-8.89s}
.embers i:nth-child(5){left:33%;animation-delay:-11.62s}
.embers i:nth-child(6){left:40%;animation-delay:-2.35s}
.embers i:nth-child(7){left:47%;animation-delay:-5.08s}
.embers i:nth-child(8){left:54%;animation-delay:-7.81s}
.embers i:nth-child(9){left:61%;animation-delay:-10.54s}
.embers i:nth-child(10){left:68%;animation-delay:-1.27s}
.embers i:nth-child(11){left:75%;animation-delay:-4.00s}
.embers i:nth-child(12){left:82%;animation-delay:-6.73s}
.embers i:nth-child(13){left:90%;animation-delay:-9.46s}
.embers i:nth-child(14){left:96%;animation-delay:-0.19s}
.embers i:nth-child(15){left:8%;animation-delay:-2.92s}
.embers i:nth-child(16){left:37%;animation-delay:-5.65s}
.embers i:nth-child(17){left:65%;animation-delay:-8.38s}
.embers i:nth-child(18){left:86%;animation-delay:-11.11s}

/* Crimson castle art direction. The background remains darker under the text. */
.portal-body{--bg:#120607;--surface:#211012;--line:#573035;--ink:#fff1e9;--muted:#c6aba5;--lime:#ffc18a}
.portal-background{background:linear-gradient(90deg,#18030642,#16040730 28%,#16040730 72%,#18030642),linear-gradient(180deg,#24020524,#1a040656 60%,#100305a6),url('assets/castle-red.webp') center center/cover no-repeat,#1e0608}
.ambient-grid{opacity:.25;background-image:linear-gradient(#c8714a0a 1px,transparent 1px),linear-gradient(90deg,#c8714a0a 1px,transparent 1px)}
.ambient-light{width:800px;background:radial-gradient(ellipse,#b724191f,transparent 66%)}
.scanlines{opacity:.28}
.portal-hero{text-shadow:0 2px 12px #140000}
.portal-hero .micro-label{color:#e6ad8d}
.portal-hero h1{color:#fff3e9;text-shadow:0 0 26px #ff9b4722}
.portal-hero .hero-subtitle{color:#f0d3c2}.portal-hero .hero-description{color:#d4b4a6}
.hero-emblem img,.hero-emblem amp-img{filter:drop-shadow(0 0 22px #f977342f)}
.emblem-halo{border-color:#ff915746;box-shadow:0 0 35px #ed5e3012}
.hero-emblem:before,.hero-emblem:after{background:linear-gradient(90deg,transparent,#fb996577)}
.wordmark-number{border-color:#ffb78270;background:#6c2e281f}
.portal-chips>*{border-color:#98514470;background:#2d100fd9;color:#e4bba8}
.portal-chips .active-chip{color:#ffcc96;border-color:#bb714e88;background:#722d2338}
.portal-ticker{border-color:#ac634d4f;background:linear-gradient(90deg,transparent,#7f2e221a,transparent)}
.portal-ticker span{color:#d4ad97}.portal-ticker b{color:#fbac6c}
.directory-heading>span{background:linear-gradient(90deg,transparent,#a8674b77)}
.directory-heading h2{color:#e6c0a5}
.search-box{border-color:#9c655452;background:#1c0e10e8;box-shadow:0 4px 20px #10000030}
.search-box svg{color:#e2ae8c}.search-box input::placeholder{color:#c5a89d}.search-box kbd{color:#c7a18b;border-color:#70463b}
.portal-body .tone-lime{--accent:#f5c084;--glow:#f2a85115}
.portal-body .tone-cyan{--accent:#9fcdd9;--glow:#67aab112}
.portal-body .tone-purple{--accent:#d5acde;--glow:#b17bbb14}
.portal-body .tone-amber{--accent:#f89d7c;--glow:#f27c4614}
.portal-card{background:linear-gradient(110deg,var(--glow),transparent 55%),linear-gradient(155deg,#291418f5,#1a0d10f7);border-color:#774b405e;box-shadow:inset 2px 0 0 var(--accent),0 6px 20px #0b000033}
.portal-card.featured{border-color:#bd876152}
.panel-logo{background:radial-gradient(ellipse at 50% 0,var(--glow),transparent 80%),#1a0b0d;border-color:#a765433d}
.panel-logo small{color:#bb9c90}.panel-description{color:#c7a89b}
.login-pill{border-color:#a273555c}.login-pill.waiting{color:#bd9e90;background:#4a282529}
.copy-link{color:#d6b29b}.portal-tools .button{background:#271213e8;color:#e1c2ae;border-color:#90645166}
.portal-tools .button:hover{border-color:#ffc18a;color:#ffd5aa}
.portal-footer{border-color:#84533c5e}.portal-note{border-color:#a3614659;background:#28100de6;color:#d1b2a2}
.updated{color:#be9a88}.footer-bottom{color:#c4a18c}.fx-toggle{color:#c4a18c}
.toast{background:#3e1f16;border-color:#eca174;color:#ffead6}
.portal-body #copy-dialog{background:#281412;border-color:#a57554}
@media(max-width:700px){.portal-background{background-position:center center,center center,32% center,center}.portal-card{background:linear-gradient(110deg,var(--glow),transparent 55%),linear-gradient(155deg,#291418f7,#1a0d10fa)}.portal-note{background:#28100df2}}

/* Individual animated gate seals, deliberately different from horizontal link cards. */
.portal-body .panel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 16px}
.portal-body .portal-card{position:relative;display:flex;width:calc((100% - 48px)/4);min-width:0;min-height:250px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible;transition:transform .25s ease;--cut:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}
.portal-body .portal-card:before{content:'';position:absolute;inset:0;width:auto;height:auto;left:0;background:linear-gradient(155deg,var(--accent),#55303055 27%,#66342a77 67%,var(--accent));clip-path:var(--cut);opacity:.66;transform:none;transition:opacity .25s;z-index:0;pointer-events:none}
.portal-body .portal-card:after{content:'';position:absolute;inset:1px;height:auto;background:radial-gradient(ellipse at 50% 20%,var(--glow),transparent 65%),linear-gradient(155deg,#2b1113f7,#160a0ff7);clip-path:var(--cut);opacity:1;z-index:0;pointer-events:none}
.portal-body .portal-card:hover,.portal-body .portal-card:focus-within{transform:translateY(-5px);background:none;box-shadow:none;border:0}
.portal-body .portal-card:hover:before,.portal-body .portal-card:focus-within:before{opacity:1;left:0}
.portal-body .portal-card:active{transform:translateY(-2px) scale(.985)}
.portal-body .panel-hit{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;min-height:250px;padding:36px 14px 14px;text-align:center}
.portal-body .portal-card>.panel-hit:last-child{padding:36px 14px 14px}
.panel-index{position:absolute;top:13px;left:16px;color:#ba9b8d;font:10px/1.3 var(--mono);letter-spacing:1.4px}
.portal-body .panel-logo{position:relative;display:grid;place-items:center;flex-shrink:0;width:82px;height:82px;margin:4px 0 20px;border:0;border-radius:50%;background:radial-gradient(circle,#422023cc,#160c1099 72%);box-shadow:none;overflow:visible;isolation:isolate}
.seal-core{position:absolute;inset:4px;transform:rotate(45deg);border:1px solid var(--accent);opacity:.2;border-radius:9px;background:linear-gradient(145deg,var(--glow),transparent);transition:transform .5s ease,opacity .3s}
.seal-orbit{position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--accent);opacity:.5;clip-path:polygon(0 0,100% 0,100% 43%,76% 43%,76% 57%,100% 57%,100% 100%,0 100%,0 57%,24% 57%,24% 43%,0 43%);animation:seal-orbit 16s linear infinite;pointer-events:none}
.seal-orbit:before,.seal-orbit:after{content:'';position:absolute;width:5px;height:5px;top:3px;left:23px;background:var(--accent);box-shadow:0 0 9px var(--accent);transform:rotate(45deg)}
.seal-orbit:after{top:auto;left:auto;bottom:3px;right:23px}
.seal-orbit.inner{inset:7px;border-style:dashed;border-width:1px;clip-path:none;opacity:.18;animation-direction:reverse;animation-duration:23s}
.seal-orbit.inner:before,.seal-orbit.inner:after{display:none}
.seal-aura{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 66%);opacity:.65;animation:seal-breathe 4.4s ease-in-out infinite;pointer-events:none}
.portal-body .panel-logo>b{position:relative;z-index:1;font:700 29px/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;color:var(--accent);text-shadow:0 0 16px var(--glow);transition:transform .3s ease}
.portal-body .panel-body{display:block;flex:1;width:100%;min-width:0}
.portal-body .panel-body h3{font-size:18px;font-weight:750;letter-spacing:.3px;line-height:1.25;margin:0 0 7px;overflow-wrap:anywhere}
.portal-body .panel-description{font-size:12px;color:#c2a493;line-height:1.5;margin:0 0 15px}
.portal-body .panel-description i{display:none}
.portal-body .login-pill{display:block;width:100%;min-width:0;min-height:36px;padding:10px 7px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,var(--glow),transparent);color:var(--accent);font:700 11px/1.4 var(--mono);letter-spacing:1.4px;position:relative;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);transition:background .25s,color .25s}
.portal-body .login-pill:before,.portal-body .login-pill:after{content:'';position:absolute;top:0;height:1px;width:40%;background:linear-gradient(90deg,transparent,var(--accent),transparent);left:30%;opacity:.5}
.portal-body .login-pill:after{top:auto;bottom:0}
.portal-body .login-pill.waiting{font-size:10px;color:#b79685;background:#9c6d3e08}
.portal-body .portal-card:hover .seal-core,.portal-body .portal-card:focus-within .seal-core{transform:rotate(135deg);opacity:.6}
.portal-body .portal-card:hover .panel-logo>b,.portal-body .portal-card:focus-within .panel-logo>b{transform:scale(1.09)}
.portal-body .portal-card:hover .seal-orbit,.portal-body .portal-card:focus-within .seal-orbit{opacity:.85}
.portal-body .portal-card:hover .login-pill:not(.waiting),.portal-body .portal-card:focus-within .login-pill:not(.waiting){background:var(--accent);color:#251009}
.portal-body .copy-link{position:absolute;top:1px;right:2px;z-index:3;width:42px;height:42px;min-width:42px;padding:12px;margin:0;background:none;color:#c7a18d;opacity:.7}
.portal-body .copy-link svg{width:15px;height:15px}.portal-body .copy-link:hover{color:var(--accent);opacity:1}
.portal-body .copy-link:disabled{opacity:.23}
.portal-body .portal-card:nth-child(2n) .seal-orbit{animation-direction:reverse;animation-delay:-5s}.portal-body .portal-card:nth-child(3n) .seal-orbit{animation-delay:-9s}.portal-body .portal-card:nth-child(3n) .seal-aura{animation-delay:-2s}
@keyframes seal-orbit{to{transform:rotate(360deg)}}
@keyframes seal-breathe{50%{transform:scale(1.13);opacity:1}}
.gate-observed:not(.gate-in-view) .seal-orbit,.gate-observed:not(.gate-in-view) .seal-aura{animation-play-state:paused}
.page-hidden .seal-orbit,.page-hidden .seal-aura,.fx-paused .seal-orbit,.fx-paused .seal-aura{animation-play-state:paused}
.fx-paused .portal-card,.fx-paused .portal-card:before,.fx-paused .seal-core,.fx-paused .panel-logo>b{transition:none}
@media(max-width:1000px) and (min-width:701px){.portal-body .portal-card{width:calc((100% - 32px)/3)}}
@media(max-width:700px){.portal-body .panel-grid{gap:14px 12px}.portal-body .portal-card{width:calc((100% - 12px)/2);min-height:234px;--cut:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.portal-body .panel-hit,.portal-body .portal-card>.panel-hit:last-child{padding:34px 10px 12px;min-height:234px}.panel-index{top:13px;left:12px;font-size:9px;letter-spacing:.8px}.portal-body .panel-logo{width:72px;height:72px;margin-bottom:18px}.portal-body .panel-logo>b{font-size:27px}.portal-body .panel-body h3{font-size:17px;letter-spacing:0}.portal-body .panel-description{font-size:12px;margin-bottom:12px}.portal-body .login-pill{font-size:10px;letter-spacing:1px}.portal-body .copy-link{right:0;top:0}.seal-orbit.inner{animation:none}.portal-body .portal-card:after{background:radial-gradient(ellipse at 50% 20%,var(--glow),transparent 65%),linear-gradient(155deg,#2b1113f9,#160a0ff9)}}
@media(max-width:359px){.portal-body .panel-logo{width:66px;height:66px}.portal-body .panel-logo>b{font-size:25px}.portal-body .panel-body h3{font-size:16px}.panel-index{font-size:9px;letter-spacing:0}.portal-body .copy-link{width:36px;min-width:36px}.portal-body .login-pill.waiting{font-size:9px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.seal-orbit,.seal-aura{animation:none}.portal-body .portal-card,.portal-body .portal-card:before,.seal-core,.portal-body .panel-logo>b{transition:none}}

/* Supplied NAGAHITAM artwork, preserved in full, and measured popularity. */
.portal-body .hero-emblem{display:block;width:242px;height:auto;aspect-ratio:1195/1189;margin:22px auto 21px;isolation:isolate;background:url('assets/logo-nagahitam.webp') center/contain no-repeat;border-radius:20px}
.portal-body .hero-emblem>img,.portal-body .hero-emblem>amp-img{display:block;width:100%;height:auto;transform:none;border:1px solid #ffac5866;border-radius:20px;overflow:hidden;filter:drop-shadow(0 10px 28px #000a);position:relative}
.portal-body .hero-emblem .emblem-halo{inset:-6px;border-radius:25px;transform:none;animation:logo-glow 5s ease-in-out infinite;background:linear-gradient(135deg,#ffc26716,transparent 42%,#ff431526);border:1px solid #ff9c4740;box-shadow:0 0 42px #f9542c26}
.portal-body .hero-emblem:before,.portal-body .hero-emblem:after{width:46px;left:-62px}
.portal-body .hero-emblem:after{left:auto;right:-62px}
.brand-logo{display:block;width:43px;height:43px;object-fit:contain;border-radius:9px;border:1px solid #e9905544}
.hot-badge{position:absolute;z-index:4;top:-10px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border:1px solid #ffd284;border-radius:7px 2px 7px 2px;background:linear-gradient(135deg,#ffc56c,#ff742b 70%,#ff4d2b);color:#321006;font:900 10px/1.2 var(--mono);letter-spacing:1.4px;box-shadow:0 3px 13px #ff692553,0 1px 0 #fff8 inset;pointer-events:none;white-space:nowrap}
.hot-badge span{font-size:12px;letter-spacing:0}
.portal-body .portal-card.is-hot:before{opacity:1;background:linear-gradient(155deg,#ffce76,#8d312766 35%,#9f492788 70%,#ff9d42)}
.portal-body .panel-grid{row-gap:25px}
.editor-popularity{display:block;color:#bda687;font-size:12px;margin-top:4px}
.popularity-note{font-size:12px;color:#9f887b;max-width:600px;margin:12px auto 0;line-height:1.6}
@keyframes logo-glow{50%{opacity:.55;box-shadow:0 0 55px #f9542c36}}
.fx-paused .hero-emblem .emblem-halo,.page-hidden .hero-emblem .emblem-halo{animation-play-state:paused}
@media(max-width:700px){.portal-body .hero-emblem{width:210px;margin-block:18px 20px}.portal-body .hero-emblem:before,.portal-body .hero-emblem:after{width:24px;left:-34px}.portal-body .hero-emblem:after{left:auto;right:-34px}.hot-badge{padding:4px 10px;font-size:9px;top:-9px}.portal-body .panel-grid{row-gap:24px}}
@media(max-width:359px){.portal-body .hero-emblem{width:196px}.portal-body .hero-emblem:before,.portal-body .hero-emblem:after{display:none}}
@media(prefers-reduced-motion:reduce){.portal-body .hero-emblem .emblem-halo{animation:none}}

/* Animate the supplied brand art with CSS; the PNG artwork stays intact. */
.portal-body .portal-shell{width:min(1100px,100%)}
.portal-body .portal-card{width:calc((100% - 32px)/3);min-height:278px}
.portal-body .panel-hit,.portal-body .portal-card>.panel-hit:last-child{min-height:278px;padding:37px 18px 16px}
.panel-visual{position:relative;display:grid;place-items:center;width:100%;height:124px;flex-shrink:0;margin:0 0 11px;perspective:650px;pointer-events:none}
.portal-body .panel-visual>.panel-logo{margin:0;width:82px;height:82px}
.panel-brand{display:block;position:relative;width:100%;height:100%;isolation:isolate;--brand-light:#ffbf56;--brand-glow:#ffbf5636}
.brand-hover{position:absolute;inset:4px 6px;transform:translateY(0) scale(1);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.brand-motion,.brand-art{position:absolute;inset:0;display:block}
.brand-motion{transform-origin:center 60%;animation:brand-float 5.2s ease-in-out infinite}
.brand-art{background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 5px 6px #0009);z-index:1}
.brand-halo{position:absolute;inset:10% 6%;border-radius:50%;background:radial-gradient(ellipse,var(--brand-glow),transparent 69%);animation:brand-halo 5s ease-in-out infinite}
.brand-platform{position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--brand-light),transparent);opacity:.6}
.brand-platform:after{content:'';position:absolute;left:20%;right:20%;top:4px;height:1px;background:inherit;opacity:.3}
.brand-sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.brand-sheen:after{content:'';position:absolute;top:10%;bottom:10%;width:28%;left:0;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:translateX(-190%) skewX(-22deg);animation:brand-shimmer 7s ease-in-out infinite;mix-blend-mode:screen}
.brand-spark{position:absolute;width:4px;height:4px;background:var(--brand-light);box-shadow:0 0 8px var(--brand-light);border-radius:1px;opacity:0;animation:brand-spark 4.6s ease-in-out infinite;left:12%;bottom:12%;z-index:3}
.brand-spark.two{left:auto;right:12%;bottom:34%;animation-delay:-1.6s;width:3px;height:3px}
.brand-spark.three{left:58%;bottom:8%;animation-delay:-3.2s;width:3px;height:3px}
.brand-bayar77 .brand-art{background-image:url('assets/brands/bayar77.webp')}.brand-bayar77 .brand-motion{animation-name:brand-bounce;animation-duration:4.8s}
.brand-sini11 .brand-art{background-image:url('assets/brands/sini11logo.webp')}.brand-sini11 .brand-motion{animation-name:brand-bounce;animation-duration:4.8s}
.brand-pay77{--brand-light:#5fcfff;--brand-glow:#32bfff36}.brand-pay77 .brand-art{background-image:url('assets/brands/pay77.webp')}.brand-pay77 .brand-motion{animation-name:brand-glide;animation-duration:5.7s}
.brand-bank77{--brand-light:#c58bff;--brand-glow:#b866ff40}.brand-bank77 .brand-art{background-image:url('assets/brands/bank77.webp')}.brand-bank77 .brand-motion{animation-name:brand-orbit;animation-duration:6.4s}
.brand-buka77{--brand-light:#f59bc8;--brand-glow:#df73b13b}.brand-buka77 .brand-art{background-image:url('assets/brands/buka77.webp')}.brand-buka77 .brand-motion{animation-name:brand-swing;animation-duration:5.8s}
.brand-member77{--brand-light:#ffd858;--brand-glow:#ffd02c30}.brand-member77 .brand-art{background-image:url('assets/brands/member77.webp')}.brand-member77 .brand-motion{animation-name:brand-float;animation-duration:5.3s}
.brand-admin77{--brand-light:#ffe294;--brand-glow:#ffe09c35}.brand-admin77 .brand-art{background-image:url('assets/brands/admin77.webp')}.brand-admin77 .brand-motion{animation-name:brand-breathe;animation-duration:5.6s}
.brand-menang77{--brand-light:#edfb52;--brand-glow:#f1ff4b30}.brand-menang77 .brand-art{background-image:url('assets/brands/menang77.webp')}.brand-menang77 .brand-motion{animation-name:brand-cheer;animation-duration:4.5s}
.portal-card:nth-child(2n) .brand-motion,.portal-card:nth-child(2n) .brand-sheen:after{animation-delay:-2.3s}
.portal-card:nth-child(3n) .brand-motion,.portal-card:nth-child(3n) .brand-halo{animation-delay:-3.4s}
.portal-body .panel-body h3{min-height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}
.portal-body .panel-description{margin-bottom:12px}
@media(hover:hover){.portal-card:hover .brand-hover{transform:translateY(-4px) scale(1.065) rotateX(5deg)}}
.portal-card:focus-within .brand-hover{transform:translateY(-4px) scale(1.065)}
.portal-card:active .brand-hover{transform:translateY(2px) scale(.96)}
@keyframes brand-float{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1.2deg)}}
@keyframes brand-bounce{0%,100%{transform:translateY(3px) rotate(-1deg)}42%{transform:translateY(-7px) rotate(1deg)}65%{transform:translateY(1px) rotate(0)}}
@keyframes brand-glide{0%,100%{transform:translate(-4px,1px) rotate(-1deg)}50%{transform:translate(4px,-6px) rotate(1deg)}}
@keyframes brand-orbit{0%,100%{transform:translate(-4px,2px) rotate(-1.5deg)}33%{transform:translate(2px,-6px) rotate(.5deg)}66%{transform:translate(5px,0) rotate(1.5deg)}}
@keyframes brand-swing{0%,100%{transform:perspective(600px) rotateY(-9deg) rotate(-1deg) translateY(1px)}50%{transform:perspective(600px) rotateY(9deg) rotate(1deg) translateY(-5px)}}
@keyframes brand-breathe{0%,100%{transform:scale(.975) translateY(2px)}50%{transform:scale(1.025) translateY(-4px)}}
@keyframes brand-cheer{0%,100%{transform:translateY(2px) rotate(-1.5deg)}38%{transform:translateY(-7px) rotate(1.8deg)}68%{transform:translateY(-1px) rotate(-.5deg)}}
@keyframes brand-halo{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:.95;transform:scale(1.1)}}
@keyframes brand-shimmer{0%,55%{transform:translateX(-190%) skewX(-22deg);opacity:0}61%{opacity:.7}80%{transform:translateX(500%) skewX(-22deg);opacity:0}100%{transform:translateX(500%) skewX(-22deg);opacity:0}}
@keyframes brand-spark{0%,100%{transform:translateY(3px) rotate(45deg) scale(.3);opacity:0}35%{opacity:.8}70%{transform:translateY(-22px) rotate(110deg) scale(.9);opacity:0}}
.gate-observed:not(.gate-in-view) .brand-motion,.gate-observed:not(.gate-in-view) .brand-halo,.gate-observed:not(.gate-in-view) .brand-spark,.gate-observed:not(.gate-in-view) .brand-sheen:after{animation-play-state:paused}
.page-hidden .brand-motion,.page-hidden .brand-halo,.page-hidden .brand-spark,.page-hidden .brand-sheen:after{animation-play-state:paused}
.fx-paused .brand-motion,.fx-paused .brand-halo,.fx-paused .brand-spark,.fx-paused .brand-sheen:after{animation-play-state:paused}
.fx-paused .brand-hover,.fx-paused .portal-card:hover .brand-hover,.fx-paused .portal-card:focus-within .brand-hover{transition:none;transform:none}
.editor-brand-image{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.portal-body .portal-card{width:calc((100% - 16px)/2)}}
@media(max-width:700px){.portal-body .portal-card{width:calc((100% - 12px)/2)}.portal-body .panel-hit,.portal-body .portal-card>.panel-hit:last-child{padding:35px 14px 14px}.panel-visual{height:120px}.brand-spark.three{display:none}}
@media(max-width:540px){.portal-body .portal-shell{max-width:420px}.portal-body .portal-card{width:100%;min-height:258px}.portal-body .panel-hit,.portal-body .portal-card>.panel-hit:last-child{min-height:258px;padding:36px 20px 15px}.panel-visual{height:123px;margin-bottom:7px}.portal-body .panel-body h3{min-height:26px;font-size:17px}.portal-body .panel-description{font-size:12px}.portal-body .login-pill{font-size:11px}.brand-hover{inset:3px 10px}.brand-spark.two{display:none}}
@media(prefers-reduced-motion:reduce){.brand-motion,.brand-halo,.brand-spark,.brand-sheen:after{animation:none}.brand-hover,.portal-card:hover .brand-hover,.portal-card:focus-within .brand-hover,.portal-card:active .brand-hover{transform:none;transition:none}}