html,body{height:100%}body{background:#000;overflow:hidden auto}.bg{z-index:0;pointer-events:none;background:radial-gradient(circle,#000 0%,#000000fa 8%,#000000eb 14%,#46006e26 24%,#7800c838 32%,#a000ff2e 42%,#0000 78%);animation:6s ease-in-out infinite pulse;position:fixed;inset:0}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.bg:after{content:"";mix-blend-mode:multiply;background:radial-gradient(circle,#000 0%,#000000e6 10%,#50007833 20%,#0000 40%);position:absolute;inset:0}.wrap{z-index:2;transform-style:preserve-3d;perspective:800px;position:relative}.tri{filter:brightness(.8)drop-shadow(0 0 6px #00014d66)drop-shadow(0 0 12px #48ff0033);width:0;height:0;position:absolute;top:50%;left:50%}@keyframes float{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:1}to{opacity:0;transform:translateY(-200px)scale(1.3)}}.wrap{z-index:2;padding:20px;position:relative}.header{text-align:center;margin-bottom:50px;position:relative}.header:before{content:"";filter:blur(20px);z-index:-1;background:radial-gradient(circle,#a855f740,#0000 70%);width:200px;height:200px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.title{letter-spacing:2px;text-transform:uppercase;font-weight:800;line-height:.9}.line1{opacity:.6;color:#c4b5fd;letter-spacing:6px;font-size:14px;animation:1s ease-out fadeIn;display:block}.line2{background:linear-gradient(90deg,#a855f7,#6366f1,#a855f7) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #a855f766;-webkit-background-clip:text;font-size:42px;animation:6s linear infinite glowMove;display:block}.line3{color:#fff;opacity:.9;letter-spacing:4px;font-size:28px;display:block}.subtitle{letter-spacing:3px;color:#fff6;margin-top:8px;font-size:12px;animation:2s ease-out fadeIn}@keyframes glowMove{0%{background-position:0%}to{background-position:200%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.title{color:#fff;font-size:32px;font-weight:700}.cards{flex-direction:column;gap:12px;display:flex}.card{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 0 15px #e0e0e026}.card i{color:#8c00ff;font-size:24px}.card:active{transform:scale(.97)}.icon{background:purple;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.name{background:linear-gradient(90deg,#a855f7,#6366f1,#a855f7) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #a855f766;-webkit-background-clip:text;font-size:22px;animation:6s linear infinite glowMove;display:block}.desc{opacity:.7;font-size:14px}