:root{--background:#050505;--foreground:#fff;--accent:#00f2ff;--accent-secondary:#ff00ea;--glass:#ffffff0d;--glass-border:#ffffff1a;--glass-hover:#ffffff1a;--font-inter:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-inter);background-image:radial-gradient(circle at 10% 20%,#00f2ff0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff00ea0d 0%,#0000 40%);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{background:var(--glass-hover);border-color:#fff3;transform:translateY(-2px)}.btn-3d{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transform-style:preserve-3d;border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:800;transition:all .1s;position:relative;box-shadow:0 6px #00a8b2,0 12px 20px #00f2ff4d}.btn-3d:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px #00a8b2,0 15px 25px #00f2ff66}.btn-3d:active{transform:translateY(4px);box-shadow:0 2px #00a8b2,0 5px 10px #00f2ff33}.glow-text{text-shadow:0 0 15px #00f2ff99}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.progress-container{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-secondary));width:0%;height:100%;transition:width .3s}