.spb{--ice:#8fd6ff;--ice2:#cdeeff;--gold:#e6c36a;--metal:linear-gradient(180deg,#fff2c4 0%,#f0d283 22%,#c99a45 50%,#e9c873 72%,#8a5f22 100%);isolation:isolate;color:#e8f2ff;font-family:var(--fa-manrope),"Manrope",system-ui,sans-serif;background:#070b14;border:1px solid #8fd6ff47;border-radius:24px;margin:40px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e6c36a1f,0 30px 70px -30px #000000f2,0 0 60px -20px #50aaff59}.spb:before{content:"";border-radius:inherit;pointer-events:none;z-index:5;-webkit-mask-composite:xor;background:linear-gradient(120deg,#8fd6ffb3,#e6c36a40 40%,#8fd6ff26 60%,#e6c36ab3);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spb-hero{isolation:isolate;align-items:flex-end;min-height:330px;display:flex;position:relative;overflow:hidden}.spb-bg{object-fit:cover;object-position:62% 30%;z-index:-3;width:100%;height:100%;animation:22s ease-in-out infinite alternate spb-ken;position:absolute;inset:0;transform:scale(1.06);border-radius:0!important;margin:0!important}.spb-veil{z-index:-2;background:linear-gradient(90deg,#05080ff5 0%,#05080fd1 38%,#05080f40 72%,#05080f0d 100%),linear-gradient(#070b1400 45%,#070b14bf 74%,#070b14 90% 100%);position:absolute;inset:0}.spb-snow{z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 70% 20%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 40% 70%,#dff 50%,#0000 51%),radial-gradient(1px 1px at 85% 60%,#fff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 55% 45%,#e6f6ff 50%,#0000 51%);background-size:220px 220px;animation:14s linear infinite spb-snow;position:absolute;inset:0}.spb-head{max-width:470px;padding:26px 26px 58px;position:relative}.spb-brand{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spb-logo{filter:drop-shadow(0 4px 18px #6b4eff8c);width:auto;height:58px;margin:0!important}.spb-live{letter-spacing:.08em;text-transform:uppercase;color:#c9ffe8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a281eb3;border:1px solid #40e0a073;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.spb-live i{background:#34d399;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite spb-ping}.spb-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--ice);font-size:11px;font-weight:800;margin:16px 0 0!important}.spb-title{font:400 clamp(24px,3.4vw,34px)/1.12 var(--fa-forum),"Forum",Georgia,serif;letter-spacing:.01em;color:#f2f8ff;text-shadow:0 2px 18px #000000e6;margin:8px 0 0!important}.spb-title span{background:linear-gradient(#fff,#9edcff 60%,#5fb3ff);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.spb-lead{color:#c4d1e2;text-shadow:0 1px 10px #000000e6;font-size:14px;line-height:1.6;margin:10px 0 0!important}.spb-perks{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.spb-perks li{color:#e2ecf8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e1ab8;border:1px solid #8fd6ff40;border-radius:999px;align-items:center;gap:7px;margin:0;padding:3px 10px 3px 3px;font-size:12px;font-weight:600;display:inline-flex}.spb-perks li:before{content:none}.spb-perks img{border:1px solid #e6c36a99;border-radius:50%;width:22px;height:22px;margin:0!important}.spb-feats{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-44px 0 0;padding:0 18px 4px;list-style:none;display:grid;position:relative}.spb-feat{margin:0;padding:0}.spb-feat:before{content:none}.spb-feat a{border:1px solid var(--c-line);height:100%;color:inherit;background:linear-gradient(#121828f2,#090c16fa);border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.spb-feat a:hover{border-color:var(--c);box-shadow:0 18px 40px -18px var(--c-glow);transform:translateY(-4px)}.spb-mythic{--c:#b98cff;--c-line:#b07cff59;--c-glow:#965affb3}.spb-dream{--c:#7fe0a0;--c-line:#7fd17f59;--c-glow:#46c878a6}.spb-surv{--c:#f2c14e;--c-line:#f2c14e59;--c-glow:#f2aa2899}.spb-pic{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.spb-pic img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);border-radius:0!important;margin:0!important}.spb-feat a:hover .spb-pic img{transform:scale(1.08)}.spb-pic:after{content:"";background:linear-gradient(#090c1600 40%,#090c16 100%);position:absolute;inset:0}.spb-chip{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:#0b0f18;background:var(--c);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.spb-ico{z-index:2;background:var(--metal);width:48px;height:48px;box-shadow:0 6px 16px #000000b3,0 0 18px var(--c-glow);border-radius:10px;margin:-30px 0 0 12px;padding:2px;display:block;position:relative}.spb-ico img{border-radius:8px;width:44px;height:44px;display:block;margin:0!important}.spb-ft{font:400 19px/1.15 var(--fa-forum),"Forum",Georgia,serif;color:var(--c);letter-spacing:.02em;padding:8px 12px 0;display:block}.spb-fd{color:#bccadb;padding:5px 12px 14px;font-size:12.5px;line-height:1.5;display:block}.spb-cta{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px 20px;display:flex}.spb-btn{min-height:48px;font:800 13px/1 var(--fa-manrope),"Manrope",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:var(--metal);text-shadow:0 1px #fff0c899;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);border-radius:4px;align-items:center;gap:10px;padding:0 26px;transition:transform .25s,filter .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6d4,inset 0 -2px #5a370a99,0 10px 30px -10px #e6c36a99;color:#241503!important;text-decoration:none!important}.spb-btn:before{content:"";background:linear-gradient(110deg,#0000 30%,#ffffffbf 48%,#0000 62%);animation:4.5s ease-in-out infinite spb-shine;position:absolute;inset:0;transform:translate(-120%)}.spb-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.spb-ghost{background:#14284659;border:1px solid #8fd6ff66;border-radius:999px;align-items:center;min-height:48px;padding:0 20px;font-size:13px;font-weight:700;transition:background .25s,border-color .25s;display:inline-flex;color:var(--ice2)!important;text-decoration:none!important}.spb-ghost:hover{border-color:var(--ice);background:#28508273}.spb-url{letter-spacing:.08em;color:#7d8ea6;margin-left:auto;font-size:12px}@keyframes spb-ken{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.14)translate(-2%,-1%)}}@keyframes spb-snow{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:40px 220px,-30px 220px,20px 220px,-40px 220px,10px 220px}}@keyframes spb-ping{0%{box-shadow:0 0 #34d399b3}80%,to{box-shadow:0 0 0 7px #34d39900}}@keyframes spb-shine{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@media (max-width:640px){.spb{border-radius:18px;margin:28px 0}.spb-hero{min-height:0}.spb-veil{background:linear-gradient(#05080f66 0%,#05080fd1 45%,#070b14 92%)}.spb-head{max-width:none;padding:150px 16px 40px}.spb-feats{grid-template-columns:1fr;margin-top:-28px;padding:4px 12px}.spb-feat a{grid-template-rows:auto auto;grid-template-columns:104px 1fr;display:grid}.spb-pic{aspect-ratio:auto;grid-row:1/3;height:100%;min-height:92px}.spb-chip{display:none}.spb-pic:after{background:linear-gradient(90deg,#090c1600 35%,#090c16 100%)}.spb-ico{width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;left:78px}.spb-ico img{width:36px;height:36px}.spb-ft{align-self:end;padding:10px 12px 0 26px}.spb-fd{padding:4px 12px 10px 26px}.spb-cta{padding:14px 12px 18px}.spb-btn{flex:100%;justify-content:center}.spb-ghost{flex:auto;justify-content:center}.spb-url{display:none}}@media (prefers-reduced-motion:reduce){.spb-bg,.spb-snow,.spb-btn:before,.spb-live i{animation:none}}