@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;700;800&display=swap";.portfolio-nav{position:sticky;top:0;z-index:100;padding:12px 0;background:#0d0e12cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--text-main);display:flex;align-items:center;gap:8px}.nav-logo .accent-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--accent-color)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-size:.9rem;color:var(--text-secondary);font-weight:500;position:relative}.nav-links a:hover{color:var(--text-main)}.nav-links a.active{color:var(--text-main);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:var(--accent-color);border-radius:2px;box-shadow:0 0 5px var(--accent-color)}.nav-action{border:1px solid var(--border-glass);background:transparent;color:var(--text-main);position:relative;overflow:hidden}.nav-action:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;box-shadow:inset 0 0 10px var(--accent-glow);opacity:0;transition:var(--transition-smooth)}.nav-action:hover:before{opacity:1}.nav-action:hover{border-color:#f55b144d}.hero-section{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;padding-top:60px;position:relative}.floating-code{position:absolute;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--accent-color);background:#ffffff05;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-glass);padding:8px 16px;border-radius:50px;opacity:.4;pointer-events:none;z-index:0;box-shadow:0 8px 24px #0000001a;animation:floatBubble 15s infinite ease-in-out;white-space:nowrap}@keyframes floatBubble{0%{transform:translateY(0) translate(0) scale(1);opacity:.2}50%{transform:translateY(-40px) translate(20px) scale(1.05);opacity:.6}to{transform:translateY(0) translate(0) scale(1);opacity:.2}}.bubble-1{top:15%;left:5%;animation-delay:0s;animation-duration:12s}.bubble-2{top:65%;left:2%;animation-delay:2s;animation-duration:18s}.bubble-3{top:20%;right:5%;animation-delay:5s;animation-duration:15s}.bubble-4{top:75%;right:8%;animation-delay:1s;animation-duration:20s}.bubble-5{top:40%;left:45%;animation-delay:4s;animation-duration:14s}.bubble-6{top:85%;left:50%;animation-delay:3s;animation-duration:16s}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;width:100%}.hero-mini-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-glow);color:var(--accent-color);font-size:.8rem;font-weight:600;border-radius:50px;margin-bottom:24px;border:1px solid rgba(245,91,20,.2)}.hero-pulse{width:6px;height:6px;background:var(--accent-color);border-radius:50%}.hero-title{font-size:5rem;line-height:1.1;margin-bottom:24px;color:var(--text-main)}.shimmer-text{background:linear-gradient(270deg,#ffffff 0%,var(--accent-color) 40%,#ffffff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shineGradient 4s linear infinite;display:inline-block}.hero-subtitle{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin-bottom:40px}.hero-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.link-underline{font-size:.95rem;font-weight:500;color:var(--text-secondary);position:relative}.link-underline:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-4px;left:0;background-color:var(--accent-color);transform-origin:bottom right;transition:transform .3s cubic-bezier(.16,1,.3,1)}.link-underline:hover{color:var(--text-main)}.link-underline:hover:after{transform:scaleX(1);transform-origin:bottom left}.hero-visual{position:relative;height:550px;display:flex;align-items:center;justify-content:center}.hero-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-image-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--accent-glow-strong) 0%,transparent 70%);border-radius:50%;z-index:0;filter:blur(40px)}.hero-profile-img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.hero-bottom-widget{margin-top:30px;width:100%}.code-widget{width:100%;padding:24px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--text-secondary);overflow-x:auto}.code-widget .keyword{color:#ff7b72}.code-widget .string{color:#a5d6ff}.code-widget .func{color:#d2a8ff}.metrics-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:100%}.metric-card{padding:30px 24px;text-align:center}.metric-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.metric-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skill-box{padding:32px}.skill-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin-bottom:24px;font-size:1.5rem}.skill-title{font-size:1.25rem;margin-bottom:16px}.skill-list{display:flex;flex-direction:column;gap:12px}.skill-list li{color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:8px}.skill-list li:before{content:"→";color:var(--accent-color);font-size:.8rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.project-card{display:flex;flex-direction:column;cursor:pointer;padding:0}.project-card-image{width:100%;height:200px;position:relative;overflow:hidden;border-bottom:1px solid var(--border-glass);border-top-left-radius:16px;border-top-right-radius:16px}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0e12b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-card-overlay{opacity:1}.project-card-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.tech-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.chip{padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:6px;font-size:.8rem;color:var(--text-secondary);font-family:var(--font-body)}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.secondary-card{padding:32px}.secondary-card .project-title{font-size:1.25rem}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--border-glass-hover) 10%,var(--border-glass-hover) 90%,transparent)}.timeline-item{position:relative;padding-left:100px;margin-bottom:60px}.timeline-year{position:absolute;left:0;top:0;width:100px;font-family:var(--font-heading);font-weight:700;color:var(--text-main);background:var(--bg-dark);padding:4px 0}.timeline-year:after{content:"";position:absolute;right:46px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.timeline-content h4{font-size:1.25rem;margin-bottom:12px}.timeline-content p{color:var(--text-secondary);font-size:.95rem}.footer-cta{padding:60px;text-align:center;position:relative;overflow:hidden;margin-top:60px;margin-bottom:30px}.footer-cta:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle at center,rgba(245,91,20,.05),transparent 50%);pointer-events:none}.footer-title{font-size:2.5rem;max-width:800px;margin:0 auto 20px}.footer-sub{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:1.05rem}.footer-pipeline{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-main);text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:8px;transition:var(--transition-smooth)}.footer-pipeline:hover{color:var(--accent-color)}.footer-socials{display:flex;justify-content:center;gap:24px;margin-top:40px}.social-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-secondary);transition:var(--transition-fast)}.social-icon:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-glass-hover);transform:translateY(-2px)}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-mini-tag{margin:0 auto 24px}.hero-title{font-size:3.8rem}.hero-subtitle{margin:0 auto 40px;font-size:1.2rem}.hero-cta{justify-content:center}.hero-visual{height:450px}.hero-image-glow{width:350px;height:350px}.hero-bottom-widget{margin-top:40px}.metrics-code-grid{grid-template-columns:1fr;gap:30px}.metrics-grid{grid-template-columns:1fr 1fr}.skills-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr;gap:40px}.project-row:nth-child(2n) .project-visual,.project-row:nth-child(2n) .project-content{order:0}.secondary-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-year{position:relative;width:100%;margin-bottom:12px;padding-left:40px}.timeline-year:after{left:16px;top:8px;right:auto}.timeline-item{padding-left:0}.timeline-content{padding-left:40px}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.nav-links{display:none}.footer-cta{padding:40px 20px;margin-top:60px}.footer-title{font-size:1.8rem}.hero-title{font-size:2.8rem}.project-title{font-size:1.5rem}.metric-value{font-size:2rem}.hero-visual{height:350px}.hero-image-glow{width:300px;height:300px}}:root{--bg-dark: #0D0E12;--bg-darker: #050507;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .05);--border-glass-hover: rgba(255, 255, 255, .1);--accent-color: #f55b14;--accent-glow: rgba(245, 91, 20, .2);--accent-glow-strong: rgba(245, 91, 20, .4);--text-main: #fcfcfc;--text-secondary: #a1a1aa;--text-muted: #71717a;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}.container{max-width:1400px;margin:0 auto;padding:0 4%}.section-padding{padding:70px 0}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.mt-6{margin-top:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.mb-6{margin-bottom:2.5rem}.glass-panel{background-color:var(--bg-card);background-image:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%,transparent 100%);background-size:250% 100%;background-position:100% 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1),background-position .6s ease}.glass-panel:hover{background-position:0 0;background-color:#ffffff0d;border-color:var(--accent-color);box-shadow:0 10px 25px #00000080,0 0 20px var(--accent-glow-strong),inset 0 0 10px var(--accent-glow);transform:translateY(-5px) scale(1.02);z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:500;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:var(--transition-fast);padding:12px 24px}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{background:#ff6a22;box-shadow:0 0 25px var(--accent-glow-strong);transform:translateY(-1px)}.btn-glass{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-1px)}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--accent-glow-strong)}70%{box-shadow:0 0 0 10px #f55b1400}to{box-shadow:0 0 #f55b1400}}.pulse-glow{animation:pulseGlow 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes cinematicSlideUp{0%{opacity:0;transform:translateY(40px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.cinematic-slide{opacity:0;animation:cinematicSlideUp 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes cinematicReveal{0%{opacity:0;transform:scale(1.1);filter:blur(15px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.cinematic-reveal{opacity:0;animation:cinematicReveal 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes shineGradient{to{background-position:200% center}}