@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;800&display=swap";:root,[data-theme=dark],body.dark-mode{--bg-color:#050814;--bg-secondary:#090e22;--bg-tertiary:#0e172e;--card-bg:#090e1cd1;--card-border:#38bdf829;--card-border-hover:#00f2fe8c;--card-shadow:0 10px 30px #00000073;--primary-glow:#00f2fe;--secondary-glow:#38bdf8;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-coral:#f43f5e;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#64748b;--code-bg:#030712;--navbar-bg:#070a13d1;--navbar-border:#38bdf82e;--glass-panel:#0f172aa6;--glass-panel-border:#ffffff14;--subtle-chip-bg:#ffffff0d;--subtle-chip-border:#ffffff1a;--grid-line-color:#38bdf80f;--theme-halo:#00f2fe26}[data-theme=synthwave],body.theme-synthwave{--bg-color:#0c0517;--bg-secondary:#170a2c;--bg-tertiary:#230f40;--card-bg:#170a2cd1;--card-border:#ff2a8538;--card-border-hover:#ff2a85a6;--card-shadow:0 10px 30px #0c051799;--primary-glow:#ff2a85;--secondary-glow:#c026d3;--accent-purple:#8b5cf6;--accent-emerald:#fbbf24;--accent-coral:#f05;--text-primary:#fff;--text-secondary:#f0abfc;--text-muted:#a855f7;--code-bg:#0d041a;--navbar-bg:#0c0517d9;--navbar-border:#ff2a8540;--glass-panel:#1a0a32a6;--glass-panel-border:#ff2a8526;--subtle-chip-bg:#ff2a8514;--subtle-chip-border:#ff2a852e;--grid-line-color:#ff2a8514;--theme-halo:#ff2a8533}[data-theme=matrix],body.theme-matrix{--bg-color:#020d07;--bg-secondary:#051b0f;--bg-tertiary:#072716;--card-bg:#051b0fd1;--card-border:#0f83;--card-border-hover:#00ff88a6;--card-shadow:0 10px 30px #020d0799;--primary-glow:#0f8;--secondary-glow:#00f5d4;--accent-purple:#38bdf8;--accent-emerald:#10b981;--accent-coral:#ef4444;--text-primary:#f0fdf4;--text-secondary:#86efac;--text-muted:#4ade80;--code-bg:#010804;--navbar-bg:#020d07d9;--navbar-border:#00ff8838;--glass-panel:#04180da6;--glass-panel-border:#00ff8826;--subtle-chip-bg:#00ff8814;--subtle-chip-border:#0f83;--grid-line-color:#00ff8814;--theme-halo:#00ff882e}[data-theme=light],body.light-mode{--bg-color:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--card-bg:#fffffff0;--card-border:#0ea5e938;--card-border-hover:#0284c7a6;--card-shadow:0 12px 28px -6px #0f172a14, 0 4px 10px -2px #0f172a0a;--primary-glow:#0284c7;--secondary-glow:#0ea5e9;--accent-purple:#7c3aed;--accent-emerald:#059669;--accent-coral:#e11d48;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--code-bg:#fff;--navbar-bg:#ffffffe0;--navbar-border:#0ea5e933;--glass-panel:#f8fafcd9;--glass-panel-border:#0ea5e92e;--subtle-chip-bg:#0f172a0a;--subtle-chip-border:#0f172a1a;--grid-line-color:#0ea5e914;--theme-halo:#0284c71f}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;max-width:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65;transition:background-color .45s cubic-bezier(.16,1,.3,1),color .45s;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-feature-settings:"cv02", "cv03", "cv04", "cv11";color:var(--text-primary);transition:color .3s;font-family:Space Grotesk,sans-serif!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.5;border-radius:9999px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}::selection{background:var(--theme-halo);color:inherit}.font-mono{font-family:JetBrains Mono,monospace!important}.text-gradient{background:linear-gradient(135deg, var(--primary-glow) 0%, var(--secondary-glow) 50%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:all .4s}[data-theme=synthwave] .text-gradient{background:linear-gradient(135deg,#ff2a85 0%,#c026d3 50%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=matrix] .text-gradient{background:linear-gradient(135deg,#0f8 0%,#00f5d4 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .text-gradient{background:linear-gradient(135deg,#0284c7 0%,#0369a1 40%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-border{background:var(--card-bg);border:1px solid var(--card-border);transition:border-color .3s,box-shadow .3s,background .3s;position:relative}.gradient-border:hover{border-color:var(--card-border-hover);box-shadow:0 0 25px var(--theme-halo)}.terminal-window{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);border-radius:14px;transition:border-color .4s,background .4s,box-shadow .4s;overflow:hidden}.terminal-header{background:var(--navbar-bg);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:10px 16px;transition:background .4s,border-color .4s;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background-color:#ef4444}.terminal-dot.yellow{background-color:#f59e0b}.terminal-dot.green{background-color:#10b981}.terminal-cursor{background-color:var(--primary-glow);vertical-align:middle;width:8px;height:16px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.code-badge{background:var(--subtle-chip-bg);border:1px solid var(--subtle-chip-border);color:var(--primary-glow);border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.perspective-container{perspective:1200px;transform-style:preserve-3d}.tilt-card-wrapper{transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out;position:relative}.tilt-glare{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff26 0%, transparent 60%);opacity:0;mix-blend-mode:overlay;z-index:2;transition:opacity .3s;position:absolute;inset:0}.tilt-card-wrapper:hover .tilt-glare{opacity:1}.theme-roll-container{pointer-events:none;z-index:99999;position:fixed;inset:0;overflow:hidden}.theme-roll-curtain{-webkit-backdrop-filter:blur(16px);will-change:transform, opacity;height:100vh;animation:.7s cubic-bezier(.2,.95,.3,1) forwards themeRollSweep;position:absolute;top:0;left:0;right:0}@keyframes themeRollSweep{0%{opacity:.9;transform:translateY(-100%)}38%{opacity:.96;transform:translateY(0%)}62%{opacity:.92;transform:translateY(0%)}to{opacity:0;transform:translateY(105%)}}.theme-roll-laser{background:linear-gradient(90deg,#0000 0%,#fff 25% 75%,#0000 100%);border-bottom:2px solid;height:4px;animation:.7s ease-in-out forwards laserShimmer;position:absolute;bottom:0;left:0;right:0}@keyframes laserShimmer{0%{opacity:.6;transform:scaleX(.75)}40%{opacity:1;transform:scaleX(1)}80%{opacity:.9;transform:scaleX(1)}to{opacity:.2;transform:scaleX(.9)}}.theme-roll-badge-wrapper{pointer-events:none;will-change:transform, opacity;justify-content:center;align-items:center;animation:.7s cubic-bezier(.16,1,.3,1) forwards themeBadgeRoll;display:flex;position:absolute;top:36px;left:0;right:0}@keyframes themeBadgeRoll{0%{opacity:0;transform:translateY(-30px)scale(.92)}28%{opacity:1;transform:translateY(0)scale(1.02)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}.theme-warp-overlay{pointer-events:none;z-index:99999;position:fixed;inset:0;overflow:hidden}.theme-warp-wave{border:3px solid var(--primary-glow);box-shadow:0 0 60px 20px var(--primary-glow), inset 0 0 40px 10px var(--secondary-glow);border-radius:50%;animation:.65s cubic-bezier(.16,1,.3,1) forwards warpPulse;position:absolute;transform:translate(-50%,-50%)}@keyframes warpPulse{0%{opacity:.9;width:0;height:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:.5}to{opacity:0;width:320vmax;height:320vmax;transform:translate(-50%,-50%)scale(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--theme-halo)}50%{box-shadow:0 0 35px var(--theme-halo)}}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes borderBeam{to{offset-distance:100%}}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .35s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--card-border-hover);box-shadow:0 15px 35px -5px var(--theme-halo);transform:translateY(-4px)}.skills-ambient-bg{background-image:radial-gradient(circle at 15% 25%, var(--theme-halo) 0%, transparent 55%), radial-gradient(circle at 85% 75%, var(--theme-halo) 0%, transparent 55%);transition:background-image .5s;overflow-x:clip}.marquee-container{white-space:nowrap;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-content{gap:16px;animation:32s linear infinite marqueeScroll;display:inline-flex}.marquee-content:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-badge-card{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;align-items:center;width:100%;min-width:0;padding:16px 14px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.tech-badge-card:hover{border-color:var(--primary-glow);box-shadow:0 10px 24px -6px var(--theme-halo);transform:translateY(-5px)}.tech-badge-card.active-inspected{border-color:var(--primary-glow);box-shadow:0 0 0 2px var(--primary-glow), 0 12px 28px -6px var(--theme-halo);background:var(--card-bg)}.tech-inspector-panel{box-sizing:border-box;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:100%;min-width:0;max-width:100%;box-shadow:var(--card-shadow);border-radius:18px;transition:border-color .4s,box-shadow .4s,background .4s;position:relative;overflow:hidden}@media (width<=600px){.tech-badge-card{border-radius:12px;padding:12px 10px}.tech-inspector-panel{border-radius:16px}}