:root{--bg-dark: #020b18;--bg-gradient: linear-gradient(135deg, #020b18 0%, #081630 100%);--text-primary: #ffffff;--text-secondary: #a0aab8;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-light: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-main: "Montserrat", sans-serif;--font-heading: "Orbitron", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:2px}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-light);border-radius:16px}.btn{display:inline-block;padding:1rem 2.5rem;background:#ffffff1a;color:#fff;border:1px solid var(--accent-cyan);text-transform:uppercase;font-family:var(--font-heading);letter-spacing:1px;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 15px #06b6d44d}.btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 30px #06b6d499;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(10px,-10px) rotate(2deg)}to{transform:translate(0) rotate(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-drift{animation:drift 10s ease-in-out infinite}