*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#09090b;--color-bg-raised:#131316;--color-bg-card:#18181b;--color-bg-card-hover:#1f1f23;--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--color-accent-glow:#f59e0b26;--color-accent-glow-strong:#f59e0b4d;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-slower:600ms cubic-bezier(0.16,1,0.3,1);--max-width:1200px;--nav-height:72px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{background-color:#09090b;background-color:var(--color-bg);color:#fafafa;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}img{display:block;max-width:100%}ol,ul{list-style:none}::selection{background:#f59e0b;background:var(--color-accent);color:#09090b;color:var(--color-bg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition:opacity var(--transition-slower),transform var(--transition-slower)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.noise-overlay{animation:grain 8s steps(10) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");height:200%;left:-50%;opacity:.03;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:9999}.navbar{align-items:center;border-bottom:1px solid #0000;display:flex;height:var(--nav-height);justify-content:center;left:0;position:fixed;right:0;top:0;transition:background-color var(--transition-base),border-color var(--transition-base),-webkit-backdrop-filter var(--transition-base);transition:background-color var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base);transition:background-color var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base),-webkit-backdrop-filter var(--transition-base);z-index:1000}.navbar.scrolled{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:#09090bcc;border-bottom-color:var(--color-border)}.navbar-inner{align-items:center;display:flex;justify-content:space-between;max-width:var(--max-width);padding:0 var(--space-xl);width:100%}.navbar-logo{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;font-weight:500;letter-spacing:-.02em;transition:color var(--transition-fast)}.navbar-logo:hover{color:var(--color-accent)}.navbar-links{align-items:center;display:flex;gap:var(--space-lg)}.navbar-link{color:var(--color-text-secondary);font-size:.85rem;font-weight:400;letter-spacing:.01em;position:relative;transition:color var(--transition-fast)}.navbar-link:after{background:var(--color-accent);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-base);width:0}.navbar-link:hover{color:var(--color-text-primary)}.navbar-link:hover:after{width:100%}.navbar-resume-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);font-size:.8rem;font-weight:500;letter-spacing:.02em;padding:8px 18px;transition:all var(--transition-fast)}.navbar-resume-btn:hover{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow);color:var(--color-accent)}.navbar-mobile-toggle{display:none;flex-direction:column;gap:5px;padding:4px}.navbar-mobile-toggle span{background:var(--color-text-primary);border-radius:2px;display:block;height:1.5px;transition:all var(--transition-fast);width:22px}.navbar-mobile-toggle.active span:first-child{transform:rotate(45deg) translate(4px,5px)}.navbar-mobile-toggle.active span:nth-child(2){opacity:0}.navbar-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)}@media (max-width:768px){.navbar-links{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#09090bf7;bottom:0;flex-direction:column;gap:var(--space-2xl);justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:var(--nav-height);transition:opacity var(--transition-base)}.navbar-links.open{opacity:1;pointer-events:all}.navbar-link{font-size:1.25rem}.navbar-resume-btn{font-size:1rem;padding:12px 28px}.navbar-mobile-toggle{display:flex}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-section) var(--space-xl);position:relative}.hero,.hero-bg{overflow:hidden}.hero-bg{inset:0;position:absolute;z-index:0}.hero-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);position:absolute}.hero-orb-1{background:radial-gradient(circle,var(--color-accent-glow-strong),#0000 70%);height:500px;left:50%;top:20%;transform:translateX(-50%);width:500px}.hero-orb-2{animation-delay:-7s;animation-duration:25s;background:radial-gradient(circle,#8b5cf626,#0000 70%);bottom:20%;height:300px;right:15%;width:300px}.hero-orb-3{animation-delay:-14s;animation-duration:18s;background:radial-gradient(circle,#3b82f61a,#0000 70%);height:200px;left:10%;top:30%;width:200px}.hero-content{max-width:800px;position:relative;text-align:center;z-index:1}.hero-greeting{animation:fadeInUp .8s ease-out both;color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase}.hero-greeting,.hero-name{margin-bottom:var(--space-lg)}.hero-name{animation:fadeInUp .8s ease-out .15s both;font-family:var(--font-serif);font-size:clamp(3rem,8vw,7rem);font-weight:400;letter-spacing:-.03em;line-height:1.05}.hero-name-accent{color:var(--color-accent);font-style:italic}.hero-title{animation:fadeInUp .8s ease-out .3s both;font-family:var(--font-mono);font-size:clamp(.8rem,1.2vw,1rem);font-weight:400;letter-spacing:.12em;margin-bottom:var(--space-2xl);text-transform:uppercase}.hero-tagline,.hero-title{color:var(--color-text-secondary)}.hero-tagline{animation:fadeInUp .8s ease-out .45s both;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:1.7;margin:0 auto var(--space-3xl);max-width:550px}.hero-cta-group{align-items:center;animation:fadeInUp .8s ease-out .6s both;display:flex;gap:var(--space-lg);justify-content:center}.hero-cta{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:.9rem;font-weight:500;gap:var(--space-xs);letter-spacing:.02em;padding:14px 32px;transition:all var(--transition-base)}.hero-cta-primary{background:var(--color-accent);color:var(--color-bg)}.hero-cta-primary:hover{background:var(--color-accent-hover);box-shadow:0 0 40px var(--color-accent-glow-strong);transform:translateY(-2px)}.hero-cta-secondary{border:1px solid var(--color-border);color:var(--color-text-secondary)}.hero-cta-secondary:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);transform:translateY(-2px)}.hero-scroll-indicator{align-items:center;animation:fadeIn 1s ease-out 1.2s both;bottom:40px;display:flex;flex-direction:column;gap:var(--space-sm);left:50%;position:absolute;transform:translateX(-50%)}.hero-scroll-line{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(to bottom,var(--color-text-tertiary),#0000);height:40px;width:1px}.section{margin:0 auto;max-width:var(--max-width);padding:var(--space-section) var(--space-xl)}.section-label{color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;margin-bottom:var(--space-md);text-transform:uppercase}.section-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-3xl)}.section-divider{margin:0 auto;max-width:var(--max-width);padding:0 var(--space-xl);width:100%}.section-divider-line{background:linear-gradient(to right,#0000,var(--color-border),#0000);height:1px;width:100%}.about-grid{grid-gap:var(--space-4xl);align-items:center;display:grid;gap:var(--space-4xl);grid-template-columns:1fr 1fr}.about-text p{color:var(--color-text-secondary);font-size:1.05rem;font-weight:300;line-height:1.8;margin-bottom:var(--space-lg)}.about-text p:last-child{margin-bottom:0}.about-text strong{color:var(--color-text-primary);font-weight:500}.about-visual{align-items:center;display:flex;justify-content:center;min-height:360px;position:relative}.about-visual-card{aspect-ratio:3/4;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:380px;overflow:hidden;position:relative;width:100%}.about-visual-card:before{background:linear-gradient(135deg,var(--color-accent-glow) 0,#0000 50%,#8b5cf60d 100%);content:"";inset:0;position:absolute;z-index:1}.about-visual-pattern{background-image:radial-gradient(circle at 2px 2px,var(--color-text-primary) 1px,#0000 0);background-size:24px 24px;inset:0;opacity:.06;position:absolute}.about-visual-accent{background:linear-gradient(to right,var(--color-accent),#8b5cf699,var(--color-accent));bottom:-1px;height:3px;left:-1px;position:absolute;right:-1px;z-index:2}.about-stats{bottom:24px;display:flex;gap:var(--space-xl);left:24px;position:absolute;right:24px;z-index:3}.about-stat{text-align:left}.about-stat-value{color:var(--color-text-primary);font-family:var(--font-serif);font-size:2rem;line-height:1}.about-stat-label{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}@media (max-width:768px){.about-grid{gap:var(--space-3xl);grid-template-columns:1fr}.about-visual{min-height:280px;order:-1}.about-visual-card{max-width:300px}}.projects-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-base)}.project-card:before{background:linear-gradient(135deg,#0000,var(--color-accent-glow),#0000);border-radius:var(--radius-lg);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity var(--transition-base)}.project-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.project-card-icon{align-items:center;background:var(--color-accent-glow);border-radius:var(--radius-md);display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.project-card-arrow{color:var(--color-text-tertiary);font-size:1.2rem;transition:all var(--transition-fast)}.project-card:hover .project-card-arrow{color:var(--color-accent);transform:translate(3px,-3px)}.project-card-title{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.project-card-desc{color:var(--color-text-secondary);flex-grow:1;font-size:.9rem;font-weight:300;line-height:1.6;margin-bottom:var(--space-xl)}.project-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.project-tag{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.02em;padding:4px 10px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.skills-categories{grid-gap:var(--space-3xl);display:grid;gap:var(--space-3xl);grid-template-columns:repeat(3,1fr)}.skills-category-label{border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);text-transform:uppercase}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-chip{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);display:inline-flex;font-size:.85rem;font-weight:400;gap:6px;padding:8px 16px;transition:all var(--transition-fast)}.skill-chip:hover{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-2px)}.skill-chip-dot{background:var(--color-accent);border-radius:50%;height:5px;opacity:.6;width:5px}@media (max-width:768px){.skills-categories{gap:var(--space-2xl);grid-template-columns:1fr}}.contact{text-align:center}.contact-heading{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;letter-spacing:-.03em;margin-bottom:var(--space-lg)}.contact-heading-accent{color:var(--color-accent);font-style:italic}.contact-subtitle{color:var(--color-text-secondary);font-size:1.05rem;font-weight:300;line-height:1.7;margin:0 auto var(--space-3xl);max-width:500px}.contact-email-link{align-items:center;border:1px solid var(--color-accent);border-radius:var(--radius-xl);color:var(--color-accent);display:inline-flex;font-family:var(--font-mono);font-size:1rem;gap:var(--space-sm);margin-bottom:var(--space-3xl);padding:14px 32px;transition:all var(--transition-base)}.contact-email-link:hover{background:var(--color-accent);box-shadow:0 0 40px var(--color-accent-glow-strong);color:var(--color-bg);transform:translateY(-2px)}.contact-socials{gap:var(--space-xl)}.contact-social-link,.contact-socials{align-items:center;display:flex;justify-content:center}.contact-social-link{border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-tertiary);height:48px;transition:all var(--transition-fast);width:48px}.contact-social-link:hover{border-color:var(--color-accent);box-shadow:0 8px 20px var(--color-accent-glow);color:var(--color-accent);transform:translateY(-3px)}.contact-social-link svg{height:20px;width:20px}.footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl)}.footer-status,.footer-text{color:var(--color-text-tertiary);font-size:.8rem}.footer-status{align-items:center;display:flex;gap:var(--space-xs)}.footer-status-dot{animation:pulse-glow 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e66;height:6px;width:6px}@media (max-width:768px){.footer{flex-direction:column;gap:var(--space-md);text-align:center}.hero,.section{padding:var(--space-4xl) var(--space-lg)}.hero-cta-group{flex-direction:column}}
/*# sourceMappingURL=main.006f5407.css.map*/