.page-root{background:linear-gradient(#0b0026 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-block:clamp(24px,6vh,40px);padding-inline:clamp(16px,4vw,40px);display:flex;position:relative;overflow:hidden}.header-bar{justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:20px 0;display:flex;position:relative}.header-bar>.discord-button{position:absolute;top:50%;right:clamp(12px,3vw,32px);transform:translateY(-50%)}.holo-title-wrapper{justify-content:center;width:100%;margin-bottom:32px;display:flex;position:relative}.page-title{text-align:center;letter-spacing:6px;word-spacing:12px;color:#fff;filter:drop-shadow(0 0 6px #a020f0)drop-shadow(0 0 14px #ff2bcf)drop-shadow(0 0 28px #f09);margin:0 0 50px;font-size:64px;font-weight:900;animation:3.2s ease-in-out infinite holoFlicker,4s ease-in-out infinite floatTitle}.holo-title-wrapper:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.08;background-image:linear-gradient(#ffffff0a 1px,#0000 1px);background-size:100% 6px;animation:6s linear infinite scanMove;position:absolute;inset:0}.parallax-title{pointer-events:none;will-change:transform;justify-content:center;transition:transform 80ms ease-out;display:flex;position:relative}@keyframes floatTitle{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes holoFlicker{0%,to{opacity:1}45%{opacity:.92}48%{opacity:.4}50%{opacity:1}83%{opacity:.85}}@keyframes scanMove{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}to{transform:translateY(-4px)}}.parallax-grid{opacity:.6;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ff00960d 1px,#0000 1px),linear-gradient(90deg,#00c8ff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100px 100px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:22s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(100px)}}.card-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;width:min(100% - 2rem,1400px);margin-inline:auto;display:grid}.card{clip-path:polygon(8% 0%,92% 0%,100% 18%,100% 82%,92% 100%,8% 100%,0% 82%,0% 18%);background:#00000073;border:1px solid #ffffff14;border-radius:16px;padding-bottom:20px;transition:transform .28s,box-shadow .28s;overflow:hidden}.card:hover{transform:translateY(-10px)scale(1.04);box-shadow:0 0 40px #ff00b440}.card-scene{background:#0003;width:100%;height:260px;position:relative}.card-title{text-align:center;color:#e0d6ff;text-shadow:0 0 10px #a020f0;margin-top:20px;font-size:22px}.card-actions{justify-content:center;width:100%;margin-top:18px;display:flex}.holo-btn{color:#e8d6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #aa50ff66;border-radius:20px;padding:12px 28px;font-weight:700;text-decoration:none;transition:transform .2s}.holo-btn:hover{transform:translateY(-3px)}.server-logo{filter:drop-shadow(0 0 6px #a020f0)drop-shadow(0 0 14px #f09);width:180px;animation:4s ease-in-out infinite floatLogo}@keyframes floatLogo{0%{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}to{opacity:.9;transform:translateY(0)}}.scene-svg{width:100%;height:100%}@media (max-width:900px){.card-wrapper{grid-template-columns:1fr;width:92%}.card-scene{height:220px}.page-title{font-size:36px}}.page-root:before{content:"";pointer-events:none;opacity:1;mix-blend-mode:screen;z-index:2;background:radial-gradient(at 20% 20%,#ff009607,#0000 12%),radial-gradient(at 80% 80%,#00a0ff06,#0000 14%);animation:18s linear infinite fogDrift;position:absolute;inset:0}@keyframes fogDrift{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.02)}to{transform:translateY(0)scale(1)}}.card{transform-origin:50%;background:linear-gradient(#0e0c109e,#0606086b);border:1px solid #ffffff0f;box-shadow:0 6px 40px #a014ff1f,inset 0 1px #ffffff05}.card-scene{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#ffffff05,#00000024)}.card-wrapper{gap:32px}.card{padding-bottom:28px}.card-scene{height:300px}.card-actions{justify-content:center;align-items:center;gap:12px;padding-top:6px;display:flex}.card:hover{border-color:#c878ff1f;box-shadow:0 10px 60px #dc32aa2e}