/* Current design layer, loaded with a revision to avoid stale browser caches. */
html { scrollbar-color:#648ecb #0a101a;scrollbar-width:thin; }
::-webkit-scrollbar { width:9px; }
::-webkit-scrollbar-track { background:#0a101a; }
::-webkit-scrollbar-thumb { background:linear-gradient(#8fb9f5,#3c6299);border:2px solid #0a101a;border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background:#a5caff; }
::-webkit-scrollbar-button { display:none; }
.hero-title span { background:none;color:#f0f3fa;filter:none;text-shadow:0 1px 0 #cfdbed,0 2px 0 #9aaac3,0 3px 0 #73839e,0 8px 24px #03071155; }
.hero-stats { position:relative;inset:auto;transform:none;display:grid;grid-template-columns:repeat(3,1fr);max-width:1600px;margin:0 auto;padding:30px 5vw;background:none;border:0;gap:30px; }
.hero-stats article { display:flex;gap:15px;padding:8px 0;align-items:center; }
.hero-stats article + article { border-left:1px solid #b6ccf126;padding-left:35px; }
.hero-stats article strong { font:500 14px var(--ui);color:#79a9e9;text-shadow:none; }
.hero-stats article span { color:#c2d0e8;font-size:12px;letter-spacing:.06em;text-shadow:none; }
.about-section { padding-top:55px;padding-bottom:35px; }
.metrics { gap:0; }
.metrics article { padding:22px 25px!important;min-width:0; }
.metrics strong { font:800 clamp(19px,2vw,30px)/1.2 var(--display);overflow-wrap:anywhere; }
.metrics span { font-size:11px;line-height:1.6;letter-spacing:.03em; }
.brief-symbol { width:78px;height:78px;border-radius:22px;background:linear-gradient(135deg,#c8dbff,#7495db);box-shadow:0 8px 32px #659cff26;border:1px solid #d6e5ff77; }
.brief-symbol svg { width:42px;height:42px;stroke:#192d52;stroke-width:2;fill:none; }
.social-copy h2 { font:800 clamp(40px,4.8vw,78px)/1.13 var(--display);letter-spacing:-.035em; }
.social-copy p { font-size:16px; }
.social-copy .eyebrow { font-size:10px; }

/* Reference composition: two large scenes, then three smaller scenes. */
.adv-grid { gap:22px; }
.adv-card,.adv-large { position:relative;display:block;min-height:490px;padding:32px;border:1px solid #b5c9ee18;border-radius:28px;overflow:hidden;background:linear-gradient(#0c1119 0%,#151d2f 60%,#2e4168 100%); }
.adv-card:not(.adv-large) { min-height:465px; }
.adv-card::after { display:none; }
.adv-card-copy { position:relative;z-index:3; }
.adv-card-copy h3 { font-size:28px;line-height:1.2;margin-bottom:15px; }
.adv-card-copy p { color:#aab6d4;font-size:15px;line-height:1.7;max-width:430px; }
.scene-visual { position:absolute;left:0;right:0;bottom:0;height:310px;z-index:1;pointer-events:none; }
.reference-scene { display:block;width:100%;height:100%;overflow:hidden;color:#101829; }
.graphic-symbols { position:absolute;overflow:hidden;pointer-events:none; }
.scene-spin { transform-origin:350px 190px;animation:sceneSpin 18s linear infinite; }
.scene-drift { animation:sceneDrift 7s ease-in-out infinite alternate; }
.scene-float { animation:sceneFloat 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center; }
.scene-float.delayed { animation-delay:-3s; }
.scene-support-orbit { transform-origin:350px 365px;animation:supportOrbit 7s ease-in-out infinite alternate; }
.scene-slider-fill { transform-origin:0 118px;animation:sliderSceneFill 5s ease-in-out infinite alternate; }
.scene-slider-knob { animation:sliderSceneKnob 5s ease-in-out infinite alternate; }
.scene-chart-line { stroke-dasharray:1;animation:sceneTrace 7s ease-in-out infinite; }
.scene-chart-area { animation:sceneArea 7s ease-in-out infinite; }
.scene-glow { animation:sceneGlow 5s ease-in-out infinite alternate; }
.reference-scene * { animation-play-state:paused; }
.adv-card.is-in-view .reference-scene * { animation-play-state:running; }
@keyframes sceneSpin { to { transform:rotate(360deg); } }
@keyframes sceneDrift { from { transform:translateY(10px); } to { transform:translateY(-10px); } }
@keyframes sceneFloat { from { transform:translateY(9px) rotate(-6deg); } to { transform:translateY(-9px) rotate(6deg); } }
@keyframes supportOrbit { from { transform:rotate(-9deg); } to { transform:rotate(9deg); } }
@keyframes sliderSceneFill { from { transform:scaleX(.45); } to { transform:scaleX(1.1); } }
@keyframes sliderSceneKnob { from { transform:translateX(-93.5px); } to { transform:translateX(17px); } }
@keyframes sceneTrace { 0% { stroke-dashoffset:1; } 60%,95% { stroke-dashoffset:0; } 100% { stroke-dashoffset:1; } }
@keyframes sceneArea { 0%,100% { opacity:.1; } 60%,95% { opacity:.7; } }
@keyframes sceneGlow { from { opacity:.6; } to { opacity:1; } }

/* Distinct shafts sweep from a single bright source under the operator. */
.solar-source { height:430px;left:3%;right:3%;animation:lightArrival 1.5s ease-out both; }
.solar-rays { background:none;mask-image:linear-gradient(transparent,#000 30%);animation:none; }
.solar-rays::before,.solar-rays::after { content:'';position:absolute;inset:0;transform-origin:50% 100%;background:conic-gradient(from -72deg at 50% 100%,transparent 0deg,#b8d8ff00 8deg,#d4eaff99 15deg,transparent 23deg,transparent 34deg,#e4f3ffb3 41deg,transparent 48deg,transparent 60deg,#d4eaffb3 69deg,transparent 78deg,transparent 92deg,#bddbff99 104deg,transparent 113deg,transparent 127deg,#c6e1ff80 134deg,transparent 144deg);mask-image:radial-gradient(ellipse at 50% 100%,#000 10%,#0009 48%,transparent 78%);filter:blur(4px);animation:shaftSweep 7s ease-in-out infinite alternate; }
.solar-rays::after { animation-duration:11s;animation-direction:alternate-reverse;opacity:.55; }
.solar-core { animation:coreGlow 4s ease-in-out infinite alternate; }
@keyframes shaftSweep { from { transform:rotate(-12deg) scaleX(.85);opacity:.45; } to { transform:rotate(12deg) scaleX(1.15);opacity:.95; } }
@keyframes coreGlow { from { opacity:.65;transform:scaleX(.88); } to { opacity:1;transform:scaleX(1.12); } }
@media(max-width:1000px) { .adv-card,.adv-large,.adv-card:not(.adv-large) { min-height:470px; } }
@media(max-width:650px) { .hero-stats { margin:0 20px;padding:22px 0;gap:12px; } .hero-stats article { gap:6px;flex-direction:column;align-items:flex-start; } .hero-stats article + article { padding-left:12px; } .hero-stats article span { font-size:10px;letter-spacing:0; } .metrics article { padding:20px 12px!important; } .metrics strong { font-size:22px; } .brief-symbol { display:grid;width:65px;height:65px; } .server-brief { grid-template-columns:65px 1fr; } .server-brief a { grid-column:1/-1; } .adv-card,.adv-large,.adv-card:not(.adv-large) { min-height:470px;padding:26px; } .adv-card-copy h3 { font-size:24px; } .adv-card-copy p { font-size:14px; } .scene-visual { height:300px; } .social-copy h2 { font-size:40px; } .solar-source { bottom:28%;height:320px;left:-15%;right:-15%; } }
@media(prefers-reduced-motion:reduce) { .reference-scene *,.solar-rays::before,.solar-rays::after,.solar-core { animation:none!important; } .scene-chart-line { stroke-dashoffset:0; } }

/* Reserve the illustration area even when translated copy wraps. */
.adv-card,.adv-large,.adv-card:not(.adv-large) { padding-bottom:330px; }
@media(max-width:650px) { .adv-card,.adv-large,.adv-card:not(.adv-large) { padding-bottom:320px; } }

/* A quiet background and restrained depth keep the operator in focus. */
.topbar { height:98px;gap:32px;padding-inline:4vw; }
.nav-links { gap:28px; }
.nav-links a { font-size:15px;font-weight:600; }
.brand-word { font-size:17px; }
.brand-mark { width:58px;height:58px; }
.circle-btn,.login-btn { height:50px; }
.hero-title { width:96%;top:39%;gap:18vw; }
.hero-title span { font-size:clamp(68px,11.9vw,250px);transform:scaleY(1.42);letter-spacing:-.025em; }
.battlefield { opacity:.11;filter:grayscale(1) blur(1px); }
.hero-vignette { background:linear-gradient(180deg,#080b13a6,transparent 40%,#080b10 100%),radial-gradient(ellipse at 50% 54%,transparent 25%,#05080fd9 100%); }
.hero-grid { opacity:.12; }
.hero-back-glow { opacity:.45; }
.hero-core-glow { opacity:.27; }
.hero-character { filter:saturate(.82) brightness(.94) drop-shadow(0 24px 45px #02050bd9) drop-shadow(0 0 25px #799bdf30);mask-image:linear-gradient(#000 0%,#000 70%,#000d 82%,transparent 100%); }
.hero-caption { top:139px; }
.hero-copy { bottom:16%;max-width:400px; }
.hero-copy p { font-size:16px;line-height:1.8;color:#b4bed1; }
.hero-kicker { font-size:10px;letter-spacing:.13em; }
.hero-cta { bottom:16%;gap:12px; }
.hero-cta a { min-height:56px;padding:16px 27px;font-size:14px;border-radius:28px; }
.hero-cta .discord-cta { color:#f5f8ff;background:linear-gradient(135deg,#7998d5,#436cb4);border-color:#9bb5df80;box-shadow:inset 0 1px 0 #e4eeff40,0 9px 28px #02050b40; }
.hero-cta .discord-cta:hover { background:linear-gradient(135deg,#91afe4,#587cc1); }
.solar-source { left:-5%;right:-5%;height:440px; }
.solar-core { background:radial-gradient(ellipse 44% 63% at 50% 100%,#eef5ffd9 0%,#bfd1ee8c 16%,#8da7da45 40%,transparent 78%);filter:blur(12px); }
.solar-rays::before,.solar-rays::after { filter:blur(10px);opacity:.55; }
@keyframes shaftSweep { from { transform:rotate(-7deg) scaleX(.9);opacity:.28; } to { transform:rotate(7deg) scaleX(1.12);opacity:.65; } }
@media(max-width:1200px) { .topbar { gap:20px; } .nav-links { gap:17px;margin-left:0; } .nav-links a { font-size:13px; } .brand-word { font-size:15px; } .hero-copy p { font-size:14px; } .hero-cta a { font-size:13px;padding-inline:19px; } }
@media(max-width:800px) { .topbar { height:82px;gap:12px; } .brand-mark { width:48px;height:48px; } .nav-links { gap:12px; } .hero-caption { top:112px; } }
@media(max-width:650px) { .topbar { height:76px;padding-inline:18px; } .hero-title { top:26%;gap:18vw; } .hero-title span { font-size:11.7vw;transform:scaleY(1.35);text-shadow:0 1px 0 #9aaac3,0 4px 16px #03071155; } .hero-caption { top:104px; } .hero-copy { bottom:190px; } .hero-copy p { font-size:14px; } .hero-cta { bottom:94px;gap:8px; } .hero-cta a { min-height:49px;padding:12px 10px;font-size:11px; } .solar-source { bottom:28%;height:320px;left:-25%;right:-25%; } }
/* Subtle depth follows the pointer without moving readable UI. */
.hero { --scene-x:0px;--scene-y:0px; }
.hero-character,.visor-glint { translate:var(--scene-x) var(--scene-y); }
.hero-title span { translate:calc(var(--scene-x) * -.32) calc(var(--scene-y) * -.32); }
.battlefield { translate:calc(var(--scene-x) * -.55) calc(var(--scene-y) * -.55);scale:1.035; }
.visor-glint { position:absolute;z-index:4;pointer-events:none;transform:translateX(-50%) translateY(var(--scroll-shift,0px));animation:operatorArrival 1.7s cubic-bezier(.16,1,.3,1) both;clip-path:polygon(54% 18.7%,73% 24%,71% 29.5%,65% 26%,60% 27%,54% 23%);mix-blend-mode:screen; }
.visor-glint i { position:absolute;left:46%;top:16%;width:5%;height:19%;background:linear-gradient(90deg,transparent,#71baff80,#d7f5ffe6,#71baff80,transparent);filter:blur(2px);transform:rotate(18deg);animation:visorSweep 10s 2s ease-in-out infinite;opacity:0; }
@keyframes visorSweep { 0%,65%,100% { opacity:0;translate:0 0; } 69% { opacity:.6; } 80% { opacity:.8; } 85% { opacity:0;translate:320% 0; } }
.hero-smoke { z-index:5;pointer-events:none;opacity:.16;filter:blur(28px);background:radial-gradient(ellipse at 28% 55%,#b2c8f84d,transparent 45%),radial-gradient(ellipse at 68% 45%,#819bc64d,transparent 48%); }
.smoke-a { left:14%;bottom:1%;width:62%;height:210px;animation:mistLeft 19s ease-in-out infinite alternate; }
.smoke-b { right:12%;bottom:2%;width:58%;height:190px;animation:mistRight 23s ease-in-out infinite alternate; }
.smoke-c { left:50%;bottom:-5%;width:65%;height:180px;animation:mistCenter 17s ease-in-out infinite alternate; }
@keyframes mistLeft { from { transform:translate(-35px,12px) scale(1);opacity:.12; } to { transform:translate(40px,-18px) scale(1.12);opacity:.24; } }
@keyframes mistRight { from { transform:translate(30px,8px) scale(1.1);opacity:.22; } to { transform:translate(-45px,-25px) scale(1);opacity:.12; } }
@keyframes mistCenter { from { transform:translate(-55%,0) scale(1);opacity:.13; } to { transform:translate(-45%,-25px) scale(1.1);opacity:.22; } }
.hero-dust { position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse 45% 70% at 50% 100%,#000,transparent 85%); }
.hero-dust i { position:absolute;left:var(--dust-x);bottom:0;width:var(--dust-size);height:var(--dust-size);border-radius:50%;background:#d9e9ff;box-shadow:0 0 6px #8bb6ff;opacity:0;animation:dustRise var(--dust-duration) var(--dust-delay) linear infinite; }
@keyframes dustRise { 0% { opacity:0;transform:translate(0,0); } 15% { opacity:.45; } 65% { opacity:.25; } 100% { opacity:0;transform:translate(var(--dust-drift),-320px); } }
.visor-glint i,.hero-dust i,.hero-smoke { animation-play-state:paused; }
.hero.motion-visible .visor-glint i,.hero.motion-visible .hero-dust i,.hero.motion-visible .hero-smoke { animation-play-state:running; }
@media(max-width:650px) { .hero-dust { bottom:25%; } .smoke-a,.smoke-b,.smoke-c { bottom:27%;height:140px; } }
@media(prefers-reduced-motion:reduce) { .hero-character,.visor-glint,.hero-title span,.battlefield { translate:none; } .visor-glint,.hero-dust { display:none; } .hero-smoke { animation:none!important; } }
/* Keep complete SVG compositions inside their illustration area. */
.scene-visual { left:16px;right:16px;bottom:12px;height:300px;overflow:visible; }
.reference-scene { overflow:visible; }
.scene-visual::before { content:'';position:absolute;z-index:-1;inset:-10px -16px -12px;background:radial-gradient(ellipse at 50% 110%,#d8e9ff80, #8ea7ff35 40%,transparent 75%); }
.scene-support-orbit { transform-origin:250px 183px; }
.scene-slider-fill { transform-origin:22px 76px; }
@keyframes sliderSceneFill { from { transform:scaleX(.45); } to { transform:scaleX(1.2); } }
@keyframes sliderSceneKnob { from { transform:translateX(-93.5px); } to { transform:translateX(34px); } }
@media(max-width:650px) { .scene-visual { left:12px;right:12px;bottom:15px;height:280px; } }
/* First paint: fewer full-screen filtered layers, motion starts after decode. */
.hero-iridescent,.hero-orb,.hero-beams,.hero-sweep,.hero-floor-light { display:none; }
.hero-ground { animation:none;filter:none; }
.hero-ground::before { display:none; }
.hero-back-glow,.hero-core-glow { filter:none; }
.hero-character { width:auto;filter:saturate(.82) brightness(.94); }
.hero-title { animation:cleanTitleArrival 1s cubic-bezier(.16,1,.3,1) both; }
@keyframes cleanTitleArrival { from { opacity:0;translate:0 25px; } to { opacity:1;translate:0 0; } }
.reveal { filter:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { filter:none; }
.topbar { backdrop-filter:none;background:#080c12ed; }
.solar-core { filter:none; }
.solar-rays::before,.solar-rays::after { filter:blur(5px); }
.hero-smoke { filter:blur(16px); }
.hero .solar-core,.hero .solar-rays::before,.hero .solar-rays::after,.hero .hero-smoke,.hero .hero-dust i,.hero .visor-glint i { animation-play-state:paused; }
.hero.effects-ready.motion-visible.tab-active .solar-core,.hero.effects-ready.motion-visible.tab-active .solar-rays::before,.hero.effects-ready.motion-visible.tab-active .solar-rays::after,.hero.effects-ready.motion-visible.tab-active .hero-smoke,.hero.effects-ready.motion-visible.tab-active .hero-dust i,.hero.effects-ready.motion-visible.tab-active .visor-glint i { animation-play-state:running; }
.scene-chart-line { animation:sceneTrace 8s ease-in-out infinite;stroke-width:6; }
.scene-chart-base { stroke-opacity:.85;stroke-width:6; }
.scene-chart-area { animation:none;opacity:.45; }
/* The rising curve occupies the full illustration width and reaches the base. */
.scene-full-chart { left:0;right:0;bottom:0;height:310px;overflow:hidden; }
.scene-full-chart .reference-scene { width:100%;height:100%; }
.scene-full-chart::before { inset:0;background:radial-gradient(ellipse at 55% 110%,#adc6ff65,transparent 75%); }
.scene-full-chart .scene-chart-line,.scene-full-chart .scene-chart-base { vector-effect:non-scaling-stroke;stroke-width:4.5; }
.metrics article { display:grid;grid-template-columns:1fr;align-content:start;justify-items:start;row-gap:0;padding:25px!important; }
.metric-icon { display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:16px;border:1px solid #afc9f23d;background:linear-gradient(145deg,#91b2ec24,#253d6526);box-shadow:inset 0 1px 0 #c9def51a;color:#a9c9fb; }
.metric-icon svg { width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.metrics article strong { font-size:clamp(20px,1.7vw,28px);letter-spacing:-.025em; }
.metrics article > span { margin-top:10px; }
@media(max-width:650px) { .metrics article { padding:22px 18px!important; } .metric-icon { width:46px;height:46px;margin-bottom:16px; } .scene-full-chart { left:0;right:0;bottom:0;height:290px; } }
/* Reveal the complete hero only after its image and display font are ready. */
.hero:not(.hero-ready) .hero-title,.hero:not(.hero-ready) .hero-character,.hero:not(.hero-ready) .visor-glint,.hero:not(.hero-ready) .hero-copy,.hero:not(.hero-ready) .hero-cta { opacity:0;visibility:hidden;animation:none; }
.hero.hero-ready .hero-title { animation:cleanTitleArrival .85s cubic-bezier(.16,1,.3,1) both; }
.hero.hero-ready .hero-character,.hero.hero-ready .visor-glint { animation:operatorArrival 1.1s cubic-bezier(.16,1,.3,1) both; }
.hero.hero-ready .hero-copy,.hero.hero-ready .hero-cta { animation:copyArrival .7s .15s cubic-bezier(.16,1,.3,1) both; }
.hero.font-fallback .hero-title span { font-family:Impact,'Arial Narrow',sans-serif;font-size:9vw;letter-spacing:-.055em; }
.scene-full-chart .scene-chart-area { opacity:.6; }
@media(prefers-reduced-motion:reduce) { .hero.hero-ready .hero-title,.hero.hero-ready .hero-character,.hero.hero-ready .visor-glint,.hero.hero-ready .hero-copy,.hero.hero-ready .hero-cta { animation:none!important; } }
/* Fade bounded light layers before their box edges become visible. */
.hero .solar-source{left:-12%;right:-12%;mask-image:radial-gradient(ellipse 50% 100% at 50% 100%,#000 20%,#000c 48%,transparent 100%)}
.hero .solar-rays{background:none;mask-image:radial-gradient(ellipse 48% 100% at 50% 100%,#000 15%,transparent 100%)}
.hero .hero-ground,.hero .hero-back-glow,.hero .hero-core-glow{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,#000b 55%,transparent 100%)}
.hero .hero-ground::after{mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
@media(max-width:650px){.hero .solar-source{left:-30%;right:-30%}}
/* The same full footer is used on every page. */
.site-footer{width:100%;max-width:none;margin:0;min-height:400px;padding:64px 4vw 30px;background:linear-gradient(180deg,#080e1a,#040810);border-top:1px solid #91b4ff1a;font-family:Onest,Arial,sans-serif}
.site-footer .footer-main,.site-footer .footer-bottom{max-width:1600px;margin-left:auto;margin-right:auto}
.site-footer .footer-main{grid-template-columns:minmax(260px,1fr) minmax(280px,380px) auto;gap:48px}
.site-footer .footer-brand{font-size:18px}.site-footer .footer-mark{width:56px;height:56px;flex-shrink:0}.site-footer .footer-mark img{width:100%;height:100%}
.site-footer .footer-brand-block p{font-size:14px;line-height:1.85;max-width:420px;color:#91a2bd}
.site-footer .footer-support{padding:24px;border-radius:20px;background:linear-gradient(145deg,#14203477,#0b121f);border-color:#91b4ff25;box-shadow:none}
.site-footer .footer-support>span{font-family:Onest,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.site-footer .footer-support p{font-size:13px;color:#91a2bd}.site-footer .footer-support a{font-size:12px;padding:12px 20px}
.site-footer .footer-cols{gap:42px}.site-footer .footer-cols h4{font-size:13px}.site-footer .footer-cols a{font-size:12px;margin:14px 0;color:#91a2bd}.site-footer .footer-cols a:hover{color:#d6e6ff}
.site-footer .footer-bottom{margin-top:40px;color:#768cab;font-size:11px}.site-footer .footer-bg-title{font-family:Onest,Arial,sans-serif;font-weight:800;font-size:clamp(60px,11.5vw,230px)}
@media(max-width:1100px){.site-footer .footer-main{grid-template-columns:1fr 1fr;gap:35px}.site-footer .footer-cols{grid-column:1/-1;gap:65px}}
@media(max-width:650px){.site-footer{padding:42px 22px 25px;min-height:0}.site-footer .footer-main{grid-template-columns:1fr;gap:30px}.site-footer .footer-cols{grid-column:auto;gap:50px}.site-footer .footer-support{padding:22px}.site-footer .footer-bottom{display:flex;flex-direction:column;gap:12px;margin-top:30px}.site-footer .footer-bottom span+span{margin:0}}

/* Compact server registration invitation. */
#server-info.server-brief{grid-template-columns:44px minmax(0,1fr) auto;gap:20px;padding:22px 26px;border-radius:10px;background:#0e1724;border-color:#293b55;min-height:0}#server-info .brief-symbol{width:44px;height:44px;border-radius:10px;background:#80aeff12;border:1px solid #80aeff35;box-shadow:none}#server-info .brief-symbol svg{width:25px;height:25px;stroke:#8bb5fa;stroke-width:1.6}#server-info .eyebrow{display:none}#server-info h3{font-family:inherit;font-size:19px;line-height:1.4;letter-spacing:-.3px;margin:0 0 5px}#server-info p{font-size:12px;line-height:1.7;max-width:none;color:#8ea5c6}#server-info>a{grid-column:auto;padding:12px 17px;font-size:12px;border:1px solid #557bb5;border-radius:7px;background:#243e63;color:#e4efff;text-decoration:none}#server-info>a:hover{background:#315381;border-color:#8bb5fa}#server-info>a span{margin-left:16px;color:#b7d3ff}@media(max-width:700px){#server-info.server-brief{grid-template-columns:44px minmax(0,1fr);padding:20px;gap:14px}#server-info h3{font-size:17px}#server-info>a{grid-column:1/-1;justify-self:stretch;text-align:center}}