.cta-panel{margin-top:54px;padding:30px 34px;border:1px solid rgba(83,245,155,.3);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,rgba(83,245,155,.1),rgba(70,230,255,.08))}.cta-panel h2{margin:6px 0 8px}.cta-panel p{margin:0;color:var(--muted)}@media(max-width:720px){.cta-panel{align-items:flex-start;flex-direction:column;padding:24px}}
.content-image{display:block;width:100%;max-height:360px;object-fit:cover;border:1px solid var(--line);border-radius:14px;margin:0 0 18px}.reaction-form{display:flex;flex-direction:row;gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.reaction-form button{min-width:100px}
.hero-home{min-height:510px;display:flex;align-items:center;padding:clamp(34px,5vw,68px);background:#030714;border-color:#123668}.hero-home:after{display:none}.hero-copy{position:relative;z-index:2;width:min(54%,690px)}.hero-home h1{font-size:clamp(42px,5.3vw,72px);text-transform:uppercase}.hero-home h1 span{display:block;color:transparent;background:linear-gradient(90deg,var(--cyan),#5c8dff,#ef35ed);background-clip:text}.hero-art{position:absolute;z-index:1;inset:0 0 0 auto;width:76%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;padding:18px 24px;border:1px solid var(--line);border-radius:0 0 20px 20px;background:rgba(5,10,29,.88);backdrop-filter:blur(14px)}.trust-strip div{display:grid;padding:0 22px;border-right:1px solid rgba(54,106,174,.28)}.trust-strip div:last-child{border:0}.trust-strip b{font-size:14px}.trust-strip span,.server-meta{color:var(--muted);font-size:13px}.live-server{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;padding:24px 28px;border:1px solid rgba(18,221,255,.34);border-radius:18px;background:linear-gradient(120deg,rgba(18,221,255,.08),rgba(166,92,255,.08))}.live-server h2{margin:8px 0 4px;font-size:clamp(24px,3vw,34px)}.live-server p{margin:0;color:var(--muted)}.button.primary{background:linear-gradient(110deg,#12ddff,#58b8ff 52%,#ef35ed);box-shadow:0 8px 28px rgba(18,221,255,.25)}.status.online{box-shadow:0 0 18px rgba(65,243,179,.4)}@media(max-width:920px){.hero-home{min-height:620px;align-items:flex-end}.hero-copy{width:100%}.hero-art{width:100%;height:66%;object-position:72% center;mask-image:linear-gradient(180deg,#000 10%,transparent 100%);opacity:.72}.trust-strip{grid-template-columns:repeat(2,1fr);gap:18px}.trust-strip div{border:0;padding:0}.live-server{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.hero-home{min-height:650px}.hero-home h1{font-size:38px}.hero-art{height:56%;object-position:68% center}.trust-strip{grid-template-columns:1fr 1fr;padding:16px}.live-server{padding:20px}}
.brand-logo{display:block;width:48px;height:48px;border:1px solid rgba(70,230,255,.65);border-radius:13px;object-fit:cover;box-shadow:0 0 28px rgba(70,230,255,.28)}.server-logo{display:block;width:76px;height:76px;margin:0 0 16px;border:1px solid rgba(70,230,255,.5);border-radius:18px;object-fit:cover;box-shadow:0 8px 28px rgba(0,0,0,.3)}.avatar-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 10px;padding:16px;border:1px solid var(--line);border-radius:16px}.avatar-picker legend{padding:0 8px;color:var(--cyan);font-weight:800}.avatar-option{position:relative;display:block;cursor:pointer}.avatar-option input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.avatar-option img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:2px solid transparent;border-radius:14px;filter:saturate(.82);transition:.18s ease}.avatar-option:hover img,.avatar-option input:focus-visible+img{border-color:#5c8dff;filter:saturate(1)}.avatar-option input:checked+img{border-color:var(--cyan);filter:saturate(1);box-shadow:0 0 0 3px rgba(70,230,255,.14),0 0 24px rgba(70,230,255,.3);transform:translateY(-2px)}@media(max-width:560px){.brand-logo{width:42px;height:42px}.avatar-picker{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}}