@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";
:root,:root[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#1a1a25;--accent-cyan:#0ff;--accent-purple:#8b5cf6;--accent-pink:#f471b5;--accent-blue:#3b82f6;--text-primary:#fff;--text-secondary:#a8a8b3;--text-muted:#64748b;--border-primary:#2d2d3a;--border-glow:#00ffff50;--gradient-primary:linear-gradient(135deg,#0ff 0%,#8b5cf6 100%);--gradient-secondary:linear-gradient(135deg,#f471b5 0%,#3b82f6 100%);--gradient-bg:linear-gradient(135deg,#0a0a0f 0%,#111118 50%,#1a1a25 100%);--shadow-glow:0 0 20px #00ffff4d;--shadow-card:0 8px 32px #0006;--shadow-text:0 0 10px #00ffff80;--bg-gradient-1:#8b5cf61a;--bg-gradient-2:#00ffff1a}:root[data-theme=white]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--accent-cyan:#0891b2;--accent-purple:#7c3aed;--accent-pink:#db2777;--accent-blue:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-glow:#0891b240;--gradient-primary:linear-gradient(135deg,#0891b2 0%,#7c3aed 100%);--gradient-secondary:linear-gradient(135deg,#db2777 0%,#2563eb 100%);--gradient-bg:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);--shadow-glow:0 0 20px #0891b233;--shadow-card:0 4px 24px #00000014;--shadow-text:0 2px 8px #0891b24d;--bg-gradient-1:#7c3aed08;--bg-gradient-2:#0891b208}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--accent-cyan)}50%{box-shadow:0 0 20px var(--accent-cyan),0 0 30px var(--accent-cyan)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:var(--shadow-glow)}a{color:inherit;text-decoration:none;transition:all .3s}a:hover{color:var(--accent-cyan);text-shadow:0 0 5px var(--accent-cyan)}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;font-family:Orbitron,monospace;font-weight:700;line-height:1.2}h1{background:var(--gradient-primary);-webkit-text-fill-color:#0000;text-shadow:var(--shadow-text);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}h2{color:var(--accent-cyan);font-size:clamp(2rem,4vw,3rem)}h3{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.cyber-glow{box-shadow:var(--shadow-glow);border:1px solid var(--border-glow)}.cyber-card{background:var(--bg-card);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);border-radius:12px;padding:2rem;transition:all .3s}.cyber-card:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-5px)}.cyber-button{background:var(--gradient-primary);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-card);border:none;border-radius:8px;padding:12px 24px;font-family:Orbitron,monospace;font-size:1rem;font-weight:600;transition:all .3s}.cyber-button:hover{box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-2px)}.cyber-button.secondary{border:2px solid var(--accent-cyan);color:var(--accent-cyan);background:0 0}.cyber-button.secondary:hover{background:var(--accent-cyan);color:var(--bg-primary)}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-float{animation:3s ease-in-out infinite float}.animate-slide-in-left{animation:.8s ease-out slideInFromLeft}.animate-slide-in-right{animation:.8s ease-out slideInFromRight}.animate-fade-in-up{animation:.8s ease-out fadeInUp}.projectCard{background:var(--bg-card);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .4s;animation:1s ease-out both fadeInUp;overflow:hidden}.projectCard:hover{border-color:var(--accent-purple);transform:translateY(-8px);box-shadow:0 15px 30px #8b5cf633}.card{background:var(--bg-card);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);border-radius:12px;padding:2rem;transition:all .3s}.card:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-5px)}.input,.textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.875rem 1.125rem;font-family:Rajdhani,sans-serif;font-size:1rem;transition:all .3s}.input:focus,.textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00ffff1a}.textarea{resize:vertical;min-height:150px}.label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;display:block}.formGroup{margin-bottom:1.5rem}.submitButton{background:var(--gradient-primary);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-family:Orbitron,monospace;font-size:1rem;font-weight:600;transition:all .3s}.submitButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ffff4d}.submitButton:disabled{opacity:.5;cursor:not-allowed}section[id]{scroll-margin-top:100px}#about{scroll-margin-top:60px}#services{scroll-margin-top:90px}#skills,#projects,#contact{scroll-margin-top:80px}