:root{--bg-dark:#0c1220;--bg-card:#121a2bd9;--bg-card-hover:#1b2740f2;--bg-tinted:#1badc20f;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--cyan:#1badc2;--cyan-bright:#38bdf8;--cyan-dark:#0e8fa3;--cyan-glow:#1badc240;--cyan-border:#1badc259;--violet:#7c5cff;--magenta:#ff3d9a;--lime:#c6ff3d;--border-color:#ffffff14;--border-strong:#1badc280;--font-heading:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-body:"Barlow", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 20%,#7c5cff26 0%,#0000 45%) 0 0/100% 100%,radial-gradient(circle at 85% 80%,#ff3d9a1f 0%,#0000 50%) 0 0/100% 100%,radial-gradient(circle,#1badc214 0%,#0000 60%) 0 0/100% 100%,linear-gradient(#ffffff04 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/40px 40px;position:fixed;inset:0}.gradient-text{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 50%, var(--magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-magenta{background:linear-gradient(135deg, var(--magenta) 0%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase;font-weight:700;line-height:1.05}.mono-tag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:.75rem}.cyan-text{color:var(--cyan)}.container{z-index:2;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.cyber-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-left:3px solid var(--cyan-border);border-radius:4px;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.cyber-card:hover{border-color:var(--cyan-border);border-left-color:var(--cyan);background:var(--bg-card-hover);box-shadow:0 12px 30px #0006, 0 0 15px var(--cyan-glow);transform:translateY(-3px)}.glass-card-violet{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #7c5cff4d;border-left:3px solid var(--violet);background:#12182dd9}.glass-card-magenta{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ff3d9a4d;border-left:3px solid var(--magenta);background:#1e1426d9}.cyber-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--cyan-border);color:var(--cyan);background:#1badc21a;border-radius:2px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.7rem;display:inline-flex}.btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid var(--cyan-border);color:var(--cyan);background:#0c1220cc;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn:hover{background:var(--cyan);color:var(--bg-dark);border-color:var(--cyan-bright);box-shadow:0 0 20px var(--cyan-glow)}.btn-primary{background:var(--cyan);color:var(--bg-dark);border:1px solid var(--cyan-bright)}.btn-primary:hover{background:var(--cyan-bright);color:var(--bg-dark);box-shadow:0 0 25px #38bdf866}.cyber-input{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-body);background:#0c1220e6;border-radius:2px;outline:none;padding:.9rem 1.2rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.cyber-input:focus{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.cyber-label{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;display:block}.nav-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);padding:.4rem .8rem;font-size:.8rem;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--cyan)}@keyframes float{0%{opacity:.8;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-12px)rotate(5deg)}to{opacity:.8;transform:translateY(0)rotate(0)}}.animate-float{animation:4s ease-in-out infinite float}