@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&family=Comic+Neue:wght@400;700&family=Playfair+Display:wght@600;700&display=swap";:root{--bg-primary:#0a1325;--bg-secondary:#070e1c;--bg-tertiary:#131c2d;--bg-glass:#0a1325d9;--border-glass:#3ac5a326;--text-primary:#fff;--text-secondary:#a0a0ab;--text-tertiary:#6b6b75;--nav-text:#d4d4d8;--accent-primary:#3ac5a3;--accent-secondary:#a855f7;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));--accent-gradient-hover:linear-gradient(135deg, #818cf8, #c084fc);--danger:#ef4444;--success:#10b981;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-casual:"Comic Neue", cursive;--font-formal:"Playfair Display", serif;--shadow-sm:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--shadow-glow:0 0 20px #6366f166;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-normal:.3s ease-out;--mesh-bg-hero:#030610;--mesh-bg-1:#060b15;--mesh-bg-2:#040810;--mesh-bg-3:#050912;--mesh-bg-4:#03060c}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-glass:#f8fafcd9;--border-glass:#3ac5a366;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--nav-text:#475569;--accent-primary:#6366f1;--accent-secondary:#4f46e5;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));--accent-gradient-hover:linear-gradient(135deg, var(--accent-secondary), var(--accent-secondary));--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-glow:0 0 20px #6366f133;--mesh-bg-hero:#e0f2fe;--mesh-bg-1:#f0fdfa;--mesh-bg-2:#f8fafc;--mesh-bg-3:#f5f3ff;--mesh-bg-4:#f0fdf4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--accent-primary);font-weight:700;line-height:1.2}.section-title{font-family:var(--font-display);text-align:center;color:var(--accent-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}h1,h2,h3{text-shadow:0 0 15px #ffffff1a}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{text-shadow:0 0 15px #0000000d}.tech-tag{text-transform:uppercase;letter-spacing:1px;font-family:monospace}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.nav-btn{font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-btn:hover{color:var(--accent-primary);transform:translateY(-2px)}.nav-btn:active{transform:scale(.92)}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.section-bg-number{font-family:var(--font-display);color:#0000;background:var(--accent-gradient);-webkit-text-fill-color:transparent;opacity:.06;filter:drop-shadow(0 0 40px #3ac5a366);z-index:0;pointer-events:none;-webkit-background-clip:text;font-size:clamp(20rem,40vw,40rem);font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}.section-bg-number.right{right:-5%}.section-bg-number.left{left:-5%}.mesh-bg-base{position:relative;overflow:hidden}.mesh-bg-base:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}.mesh-bg-base.hero-mesh-bg:before{opacity:.35;mix-blend-mode:color-dodge;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='river'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005 0.015' numOctaves='3' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 4 -1' in='noise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23river)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:400px 400px}@keyframes cyberGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both cyberGlitch}@keyframes gradientPan{0%{background-position:0%}to{background-position:-200%}}.moving-gradient-hover{color:var(--accent-primary);transition:color .3s;display:inline-block}.moving-gradient-hover:hover{background:linear-gradient(90deg,#ff003c,#08f,#ff003c) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradientPan}@keyframes flowTexture{0%{background-position:0 0}25%{background-position:-100px 50px}50%{background-position:-200px -50px}75%{background-position:-300px 100px}to{background-position:-400px 400px}}.hero-mesh-bg{background-color:var(--mesh-bg-hero);background-image:radial-gradient(circle,#ffffff14 0%,#0000 65%),radial-gradient(circle,#4169e11f 0%,#0000 65%),linear-gradient(90deg,#8a2be240 0%,#ff149333 20%,#4169e140 40%,#00bfff33 60%,#3ac5a340 80%,#8a2be240 100%);background-size:3vw 3vh,3vw 3vh,200vw 100%}@keyframes flowRiver{0%{background-position:0 0,1.5vw 1.5vh,0 0}25%{background-position:-7.5vw 3vh,-6vw 4.5vh,-50vw 8vh}50%{background-position:-15vw -3vh,-13.5vw -1.5vh,-100vw -5vh}75%{background-position:-22.5vw 3vh,-21vw 4.5vh,-150vw 5vh}to{background-position:-30vw 0,-28.5vw 1.5vh,-200vw 0}}.mesh-bg-1{background-color:var(--mesh-bg-1);background-image:radial-gradient(circle at 85%,#0102041a 0%,#0000 45%),radial-gradient(circle at 10% 10%,#4169e140 0%,#0000 50%),radial-gradient(circle at 50% 90%,#3ac5a326 0%,#0000 60%)}.mesh-bg-2{background-color:var(--mesh-bg-2);background-image:radial-gradient(circle at 15%,#0102041a 0%,#0000 45%),radial-gradient(circle at 80% 20%,#8a2be240 0%,#0000 50%),radial-gradient(circle at 20% 80%,#00bfff26 0%,#0000 60%)}.mesh-bg-3{background-color:var(--mesh-bg-3);background-image:radial-gradient(circle at 85%,#0102041a 0%,#0000 45%),radial-gradient(circle at 30% 20%,#00fa9a26 0%,#0000 50%),radial-gradient(circle at 70% 80%,#9370db40 0%,#0000 60%)}.mesh-bg-4{background-color:var(--mesh-bg-4);background-image:radial-gradient(circle at 15%,#0102041a 0%,#0000 45%),radial-gradient(circle at 90% 90%,#1e90ff40 0%,#0000 50%),radial-gradient(circle at 40% 10%,#ff149326 0%,#0000 60%)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:var(--accent-primary);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-.15em;padding-bottom:.15em;padding-right:.05em;display:inline-block}.cyber-text{background:linear-gradient(90deg,#ff003c,#08f,#ff003c) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradientPan;display:inline-block}.header{z-index:1000;width:100%;transition:all var(--transition-normal);background:0 0;padding:1.5rem 0;position:fixed;top:0}.header.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);padding:1rem 0}.nav-link{color:var(--nav-text);transition:all var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:before,.nav-link:after{opacity:0;transition:all var(--transition-fast);color:var(--accent-primary);position:absolute}.nav-link:before{content:"[";left:-12px;transform:translate(10px)}.nav-link:after{content:"]";right:-12px;transform:translate(-10px)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:before,.nav-link:hover:after{opacity:1;transform:translate(0)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#1f2937;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-tertiary{background:var(--accent-secondary);color:#fff;box-shadow:var(--shadow-sm);border:none}.btn-tertiary:hover{background:#c084fc;transform:translateY(-2px);box-shadow:0 0 15px #a855f766}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-glass);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.camera-pan{animation:30s ease-in-out infinite cameraPan}@keyframes cameraPan{0%{transform:scale(1)translate(0)}33%{transform:scale(1.1)translate(-3%,-2%)}66%{transform:scale(1.15)translate(2%,2%)}to{transform:scale(1)translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes projectFallIn{0%{opacity:0;transform:translateY(-50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes experienceReveal{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes educationSlideIn{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.animate-project{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards projectFallIn}.animate-experience{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards experienceReveal}.animate-education{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards educationSlideIn}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-subtle{animation:2s ease-in-out infinite bounceSubtle}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.form-textarea{resize:vertical;min-height:120px}.hero-landing-bg{overflow:hidden}.hero-bg-flow{z-index:0;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:120%;height:120%;animation:40s ease-in-out infinite riverFlow;position:absolute;inset:-10%}.hero-bg-flow:after{content:"";z-index:1;position:absolute;inset:0}.hero-bg-flow.dark-overlay:after{background:linear-gradient(#0a132599 0%,#0a1325f2 85%,#0a1325 100%)}[data-theme=light] .hero-bg-flow.dark-overlay:after{background:linear-gradient(#f8fafc1a 0%,#f8fafc8c 85%,#f8fafc 100%)}@keyframes riverFlow{0%{transform:scale(1)translate(0)}20%{transform:scale(1.05)translate(-1.5%,1%)}40%{transform:scale(1.08)translate(1%,-.5%)}60%{transform:scale(1.04)translate(-.5%,-1%)}80%{transform:scale(1.07)translate(1.5%,.5%)}to{transform:scale(1)translate(0)}}