:root{--bg-color:#0d0f14;--bg-gradient:radial-gradient(circle at top left, #1a2235, #0d0f14);--surface-color:#ffffff08;--surface-border:#ffffff14;--primary-color:#7c3aed;--primary-glow:#7c3aed66;--secondary-color:#7c3aed;--pink-gradient:linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--pink-glow:#7c3aed66;--text-main:#f8fafc;--text-muted:#94a3b8;--danger-color:#ef4444;--success-color:#10b981;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body{background:var(--bg-color);background-image:var(--bg-gradient);max-width:100vw;min-height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Google Sans,sans-serif;font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:0 8px 32px #0003}.glass-panel:hover{background:#ffffff0d;border-color:#ffffff26}.text-gradient{background:linear-gradient(to right, var(--primary-color), var(--secondary-color));color:#0000;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 15px var(--primary-glow);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}