:root{--bg-main:#06070b;--bg-card:#0d111db3;--border-glow:#00f2fe26;--neon-cyan:#00f2fe;--neon-purple:#4facfe;--text-primary:#f3f4f6;--text-muted:#9ca3af}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#00f2fe0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#4facfe0d 0%,#0000 40%);background-attachment:fixed;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.cyber-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glow);border-radius:12px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.cyber-card:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 0 20px #00f2fe33}.btn-cyber{background:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);color:#06070b;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:6px;padding:12px 28px;font-weight:600;transition:all .3s;box-shadow:0 0 15px #00f2fe4d}.btn-cyber:hover{transform:scale(1.02);box-shadow:0 0 25px #00f2fe99}.text-gradient{background:linear-gradient(135deg, #fff 30%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.cyber-input{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;outline:none;padding:12px;transition:all .3s}.cyber-input:focus{border-color:var(--neon-cyan);background:#00f2fe05;box-shadow:0 0 10px #00f2fe1a}.cyber-badge{border:1px solid var(--neon-cyan);color:var(--neon-cyan);text-transform:uppercase;background:#00f2fe1a;border-radius:20px;padding:4px 12px;font-size:.8rem;display:inline-block}html{scroll-behavior:smooth}.logo-glow{letter-spacing:1px;background:linear-gradient(135deg, #fff 40%, var(--neon-cyan) 100%);-webkit-text-color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800;text-decoration:none;transition:all .3s}.logo-glow:hover{text-shadow:0 0 15px #00f2fe99;opacity:.9}.logo-fixed-wrapper{z-index:9999;position:fixed;top:30px;left:40px}@media (max-width:480px){.logo-fixed-wrapper{top:16px;left:16px}.logo-glow{font-size:1.1rem}}