:root{--bg-color: hsl(230, 35%, 12%);--bg-gradient: radial-gradient(circle at 50% 50%, hsl(230, 30%, 15%), hsl(230, 40%, 8%));--text-primary: hsl(210, 20%, 95%);--text-secondary: hsl(210, 15%, 70%);--accent-cyan: hsl(180, 80%, 70%);--accent-blue: hsl(210, 80%, 60%);--glass-bg: rgba(20, 25, 40, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-width: 380px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:grid;place-items:center;overflow:hidden;cursor:none!important}a,button,input,textarea{cursor:none!important}#bg-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;transform:translate(-50%,-50%);z-index:-2}#video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00051466;z-index:-1;pointer-events:none}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;display:flex;justify-content:center;align-items:center;color:#fff;transition:opacity 1s ease-out;cursor:pointer}.start-content{text-align:center;animation:pulse-text 2s infinite}.start-content h1{font-size:2rem;margin-bottom:10px;letter-spacing:2px}.start-content p{font-size:1rem;opacity:.7}.hidden{opacity:0;pointer-events:none}#app{transition:opacity 1.5s ease-in;position:relative;z-index:10;width:100%;max-width:100vw;padding:20px;display:flex;justify-content:center;align-items:center;margin:0 auto}.card{width:100%;max-width:var(--card-width);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:40px 24px;text-align:center;box-shadow:var(--glass-shadow);animation:cardEntry 1s ease-out forwards;position:relative;overflow:hidden}@keyframes cardEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-container{position:relative;width:120px;height:120px;margin:0 auto 20px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));animation:float 6s ease-in-out infinite}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg-color);background:var(--bg-color)}.avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;box-shadow:0 0 20px var(--accent-cyan);opacity:.5;z-index:-1;animation:pulse 3s infinite}.username{font-size:2rem;font-weight:700;margin-bottom:8px;background:linear-gradient(to right,#fff,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.bio{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:32px}.links{display:flex;flex-direction:column;gap:16px}.social-link{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;color:var(--text-primary);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;opacity:0;animation:reveal .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--delay) * .1s + .5s)}.discord-card,.discord-card:hover{cursor:none!important}.discord-username{font-family:monospace;letter-spacing:1px}.copy-status{position:absolute;right:20px;font-size:.8rem;color:var(--accent-cyan);background:#00000080;padding:4px 8px;border-radius:4px}.discord-card .hidden{display:none}.social-link:hover{background:#ffffff14;border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 20px #00ffff26;text-shadow:0 0 8px rgba(0,255,255,.6);cursor:none}.shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.1) 50%,transparent);transform:skew(-25deg);transition:.5s;pointer-events:none}.social-link:hover .shine{left:150%;transition:.7s}.cursor-trail{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--accent-cyan);pointer-events:none;mix-blend-mode:screen;filter:blur(5px);opacity:0;transition:opacity .3s;z-index:9999;transform:translate(-50%,-50%)}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 10px var(--accent-cyan)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){:root{--card-width: 100%}}.audio-control{position:fixed;bottom:30px;right:30px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:none;z-index:100;transition:all .3s ease;box-shadow:0 4px 15px #0003;padding:0}.audio-control:hover{background:#ffffff1a;transform:scale(1.1);box-shadow:0 0 15px var(--accent-cyan);border-color:var(--accent-cyan);cursor:none}.audio-control svg{pointer-events:none;display:block;width:24px;height:24px}.audio-control svg.hidden{display:none}.audio-control.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}