:root{--bg-primary: #060810;--bg-secondary: #0b0f1d;--bg-tertiary: #10162a;--bg-card: rgba(13, 18, 35, .7);--bg-card-hover: rgba(19, 27, 52, .85);--cyan-glow: #00f0ff;--cyan-glow-dim: rgba(0, 240, 255, .15);--indigo-glow: #6366f1;--indigo-glow-dim: rgba(99, 102, 241, .15);--purple-glow: #a855f7;--purple-glow-dim: rgba(168, 85, 247, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .08);--border-bright: rgba(0, 240, 255, .3);--border-glow: rgba(99, 102, 241, .4);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-subtle: rgba(0, 0, 0, .08);--border-bright: rgba(2, 132, 199, .4);--border-glow: rgba(99, 102, 241, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;background-color:var(--bg-primary);font-family:var(--font-sans);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}[data-theme=light] html{color-scheme:light;background-color:#f8fafc;color:#0f172a}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;position:relative;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}[data-theme=light] body{background-color:#f8fafc;color:#0f172a}[data-theme=light] *{--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b}[data-theme=light] body{background-color:#f8fafc!important;color:#0f172a!important}[data-theme=light] .section-desc{color:#334155!important}[data-theme=light] .glass-panel{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 15px 35px #0000000f,inset 0 1px #ffffffe6!important;color:#0f172a!important}[data-theme=light] .glass-card{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 6px 20px #0000000a!important;color:#0f172a!important}[data-theme=light] .glass-card:hover{background:#fff!important;border-color:#0284c766!important;box-shadow:0 12px 30px #0284c71f!important}[data-theme=light] .tech-badge{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .btn-secondary{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0000000d!important}[data-theme=light] .btn-secondary:hover{background:#f8fafc!important;color:#0284c7!important;border-color:#0284c7!important}[data-theme=light] .gradient-text{background:linear-gradient(135deg,#0f172a,#0284c7,#7c3aed)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a!important}[data-theme=light] p{color:#334155!important}[data-theme=light] [style*="color: #f8fafc"],[data-theme=light] [style*="color: #f1f5f9"],[data-theme=light] [style*="color: #e2e8f0"],[data-theme=light] [style*="color: #cbd5e1"],[data-theme=light] [style*="color: #ffffff"],[data-theme=light] [style*="color: rgba(255, 255, 255"]{color:#0f172a!important}[data-theme=light] [style*="color: #94a3b8"],[data-theme=light] [style*="color: #64748b"]{color:#334155!important}[data-theme=light] [style*="background: rgba(255, 255, 255, 0.02)"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.03)"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.04)"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.05)"]{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] [style*="backgroundColor: rgba(6, 10, 24"],[data-theme=light] [style*="background: rgba(11, 15, 29"],[data-theme=light] [style*="background: rgba(10, 14, 28"]{background:#fff!important;color:#0f172a!important}[data-theme=light] [style*="border: 1px solid rgba(255, 255, 255"],[data-theme=light] [style*="border: 1.5px solid rgba(255, 255, 255"]{border-color:#e2e8f0!important}[data-theme=light] [style*="borderTop: 1px solid rgba(255, 255, 255"]{border-top-color:#e2e8f0!important}[data-theme=light] [style*="borderBottom: 1px solid rgba(255, 255, 255"]{border-bottom-color:#e2e8f0!important}[data-theme=light] .modal-overlay{background:#0f172a99!important}[data-theme=light] .modal-overlay .glass-panel{background:#fff!important;color:#0f172a!important;border-color:#0284c74d!important;box-shadow:0 25px 60px #00000026!important}[data-theme=light] footer{background:#fff!important;border-top-color:#e2e8f0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#060810}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px;border:1px solid rgba(0,240,255,.1)}::-webkit-scrollbar-thumb:hover{background:#334155;border-color:#00f0ff4d}.font-mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg,#fff,#00f0ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-cyan-indigo{background:linear-gradient(135deg,#00f0ff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-indigo-purple{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:#0b0f1db3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a}.glass-card{background:#0d1223a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:0 10px 30px #0000004d;transition:var(--transition-smooth)}.glass-card:hover{background:#131b34d9;border-color:#00f0ff4d;box-shadow:0 15px 40px #00f0ff1f,inset 0 1px #fff3}.glass-nav{background:#060810bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.transform-gpu{transform:translateZ(0)}.tilt-card{transition:transform .15s ease-out,box-shadow .3s ease;will-change:transform}.cyber-ring-outer{animation:spinSlow 25s linear infinite}.cyber-ring-inner{animation:spinSlowReverse 18s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlowReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}.animate-float{animation:floatGentle 6s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse-glow{animation:pulseGlow 4s ease-in-out infinite}.orbit-1{animation:reactOrbit1 10s linear infinite}.orbit-2{animation:reactOrbit2 12s linear infinite}.orbit-3{animation:reactOrbit3 14s linear infinite}@keyframes reactOrbit1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.04)}to{transform:rotate(360deg) scale(1)}}@keyframes reactOrbit2{0%{transform:rotate(60deg) scale(1)}50%{transform:rotate(240deg) scale(1.04)}to{transform:rotate(420deg) scale(1)}}@keyframes reactOrbit3{0%{transform:rotate(120deg) scale(1)}50%{transform:rotate(300deg) scale(1.04)}to{transform:rotate(480deg) scale(1)}}.glow-border-cyan{position:relative}.glow-border-cyan:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#00f0ff,transparent,#6366f1);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.glow-border-cyan:hover:after{opacity:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.8rem;border-radius:9999px;background:linear-gradient(135deg,#00f0ff,#6366f1);color:#030712;font-weight:700;font-size:.95rem;letter-spacing:.02em;border:none;cursor:pointer;box-shadow:0 0 20px #00f0ff66,inset 0 1px #fff6;transition:var(--transition-bounce);text-decoration:none}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 35px #00f0ffb3,0 10px 20px #6366f14d;color:#000}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.8rem;border-radius:9999px;background:#ffffff0a;color:#f8fafc;font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:var(--transition-bounce);text-decoration:none}.btn-secondary:hover{background:#ffffff14;border-color:var(--cyan-glow);transform:translateY(-3px);box-shadow:0 0 20px #00f0ff40;color:#00f0ff}.tech-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-family:var(--font-mono);font-size:.8rem;font-weight:500;transition:var(--transition-smooth)}.tech-badge:hover{background:#00f0ff14;border-color:#00f0ff4d;color:#00f0ff;transform:translateY(-1px)}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:9999px;background:#00f0ff0f;border:1px solid rgba(0,240,255,.2);color:#00f0ff;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.85rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:600px;line-height:1.7}.cyber-grid{background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px}.modal-overlay{background:#030712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 768px){.section-tag{font-size:.75rem}}@media (max-width: 640px){.resume-paper-frame{padding:1.5rem 1.25rem!important}}@media print{body{background-color:#fff!important;color:#1e293b!important;margin:0;padding:0}header,footer,nav,#home,#about,#skills,#experience,#projects,#education,#contact,.modal-overlay,canvas,.btn-primary,.btn-secondary,.section-tag,.section-title,.section-desc,.resume-section>div>div:nth-child(1),.resume-section>div>div:nth-child(2),.resume-section>div>div:last-child{display:none!important}.resume-section{padding:0!important;margin:0!important}#printable-resume-frame{background:#fff!important;color:#1e293b!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}#printable-resume-frame h1,#printable-resume-frame h2,#printable-resume-frame h3,#printable-resume-frame strong{color:#0f1e46!important}#printable-resume-frame div,#printable-resume-frame p,#printable-resume-frame span,#printable-resume-frame li,#printable-resume-frame a{color:#334155!important;text-shadow:none!important}#printable-resume-frame [style*=borderBottom]{border-bottom:1.5px solid #0f1e46!important}}