@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap);body{margin:0;padding:0}:root{--color-bg-primary:#06060b;--color-bg-secondary:#0c0c14;--color-bg-tertiary:#12121c;--color-bg-card:#12121c99;--color-bg-card-hover:#181826cc;--color-bg-glass:#ffffff08;--color-accent:#00f0ff;--color-accent-secondary:#7b61ff;--color-accent-tertiary:#ff3d71;--color-accent-glow:#00f0ff26;--color-accent-glow-strong:#00f0ff4d;--color-text-primary:#e8eaed;--color-text-secondary:#9aa0ab;--color-text-muted:#5c6370;--color-text-accent:#00f0ff;--color-border:#ffffff0f;--color-border-hover:#00f0ff4d;--color-border-accent:#00f0ff33;--gradient-accent:linear-gradient(135deg,#00f0ff,#7b61ff);--gradient-accent-reverse:linear-gradient(135deg,#7b61ff,#00f0ff);--gradient-card:linear-gradient(135deg,#00f0ff0d,#7b61ff0d);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#00f0ff0f,#0000 40%);--gradient-hero:radial-gradient(ellipse at 50% 0%,#00f0ff14 0%,#7b61ff0a 30%,#0000 70%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-glow:0 0 20px #00f0ff26;--shadow-glow-strong:0 0 40px #00f0ff40;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:10;--z-sticky:50;--z-fixed:100;--z-modal:1000;--z-tooltip:1100;--header-height:4rem;--container-max:1200px;--container-narrow:800px}@media screen and (max-width:992px){:root{--text-7xl:3rem;--text-6xl:2.5rem;--text-5xl:2.25rem;--text-4xl:1.875rem}}@media screen and (max-width:576px){:root{--text-7xl:2.25rem;--text-6xl:2rem;--text-5xl:1.75rem;--text-4xl:1.5rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:4rem;scroll-padding-top:var(--header-height)}body{background-color:#06060b;background-color:var(--color-bg-primary);color:#e8eaed;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.7;overflow-x:hidden;position:relative}body:before{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");content:"";height:100%;left:0;opacity:.02;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}h1,h2,h3,h4,h5,h6{color:#e8eaed;color:var(--color-text-primary);font-weight:700;line-height:1.2}p{color:#9aa0ab;color:var(--color-text-secondary);line-height:1.8}ul{list-style:none}a{color:inherit;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}button{border:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);outline:none}img{display:block;height:auto;max-width:100%}::selection{background:#00f0ff33;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#06060b;background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:#00f0ff33;border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 1.5rem;padding:0 var(--space-6)}.section{padding:6rem 0;padding:var(--space-24) 0;position:relative}.section__header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.section__label{align-items:center;animation:fadeInUp .6s ease forwards;color:#00f0ff;color:var(--color-accent);display:inline-flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);letter-spacing:.15em;margin-bottom:1rem;margin-bottom:var(--space-4);opacity:0;text-transform:uppercase;transform:translateY(20px)}.section__label:before{content:"//";opacity:.5}.section__title{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease .1s forwards;background:linear-gradient(135deg,#00f0ff,#7b61ff);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--text-4xl);font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-4)}.section__subtitle,.section__title{opacity:0;transform:translateY(20px)}.section__subtitle{animation:fadeInUp .6s ease .2s forwards;color:#5c6370;color:var(--color-text-muted);font-size:1.125rem;font-size:var(--text-lg);margin:0 auto;max-width:500px}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00f0ff1a}50%{box-shadow:0 0 30px #00f0ff33}}@keyframes borderGlow{0%,to{border-color:#00f0ff1a}50%{border-color:#00f0ff4d}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#00f0ff;border-color:var(--color-accent)}50%{border-color:#0000}}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%}75%{border-radius:60% 30% 60% 40%/70% 40% 50% 60%}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s ease,transform .8s ease}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s ease,transform .8s ease}.reveal-right.active{opacity:1;transform:translateX(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-children.active>:first-child{opacity:1;transform:translateY(0);transition-delay:.05s}.stagger-children.active>:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.1s}.stagger-children.active>:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.15s}.stagger-children.active>:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.2s}.stagger-children.active>:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.25s}.stagger-children.active>:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.3s}.stagger-children.active>:nth-child(7){opacity:1;transform:translateY(0);transition-delay:.35s}.stagger-children.active>:nth-child(8){opacity:1;transform:translateY(0);transition-delay:.4s}.btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.75rem;gap:var(--space-3);letter-spacing:.02em;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn--primary{background:linear-gradient(135deg,#00f0ff,#7b61ff);background:var(--gradient-accent);border:none;box-shadow:0 4px 15px #00f0ff33;color:#06060b;color:var(--color-bg-primary)}.btn--primary:hover{box-shadow:0 6px 25px #00f0ff59;transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--outline{background:#0000;border:1px solid #00f0ff33;border:1px solid var(--color-border-accent);color:#00f0ff;color:var(--color-accent)}.btn--outline:hover{background:#00f0ff14;border-color:#00f0ff;border-color:var(--color-accent);box-shadow:0 0 20px #00f0ff26;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--ghost{background:#0000;border:none;color:#9aa0ab;color:var(--color-text-secondary);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn--ghost:hover{color:#00f0ff;color:var(--color-accent)}.btn__icon{height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:18px}.btn:hover .btn__icon{transform:translateX(3px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121c99;background:var(--color-bg-card);border:1px solid #ffffff0f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.card:before{background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.card:hover{background:#181826cc;background:var(--color-bg-card-hover);border-color:#00f0ff4d;border-color:var(--color-border-hover);box-shadow:0 0 20px #00f0ff26;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.card:hover:before{opacity:1}.tag{align-items:center;background:#00f0ff14;border:1px solid #00f0ff26;border-radius:9999px;border-radius:var(--radius-full);color:#00f0ff;color:var(--color-accent);display:inline-flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);white-space:nowrap}.tag--purple{background:#7b61ff14;border-color:#7b61ff26;color:#7b61ff;color:var(--color-accent-secondary)}@media screen and (max-width:992px){.container{padding:0 2rem;padding:0 var(--space-8)}.section{padding:5rem 0;padding:var(--space-20) 0}}@media screen and (max-width:768px){.section{padding:4rem 0;padding:var(--space-16) 0}.section__title{font-size:1.875rem;font-size:var(--text-3xl)}}@media screen and (max-width:576px){.container{padding:0 1rem;padding:0 var(--space-4)}}.header{background:#0000;left:0;padding:var(--space-4) 0;position:fixed;top:0;transition:all var(--transition-slow);width:100%;z-index:var(--z-fixed)}.header--scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#06060bd9;border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.nav{height:var(--header-height);justify-content:space-between}.nav,.nav__logo{align-items:center;display:flex}.nav__logo{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;gap:0;z-index:110}.nav__logo-bracket{color:var(--color-accent);font-weight:400}.nav__logo-text{color:var(--color-text-primary);transition:color var(--transition-base)}.nav__logo:hover .nav__logo-text{color:var(--color-accent)}.nav__list{align-items:center;display:flex;gap:var(--space-1)}.nav__link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);position:relative}.nav__link,.nav__link:after{transition:all var(--transition-base)}.nav__link:after{background:var(--gradient-accent);border-radius:var(--radius-full);bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.nav__link:hover{color:var(--color-text-primary)}.nav__link:hover:after{width:20px}.nav__link--active{color:var(--color-accent)}.nav__link--active:after{width:20px}.nav__actions{align-items:center;display:flex;gap:var(--space-4)}.nav__cta{background:var(--gradient-accent);border-radius:var(--radius-full);color:var(--color-bg-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;padding:var(--space-2) var(--space-6);transition:all var(--transition-base)}.nav__cta:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.nav__toggle{cursor:pointer;display:none;flex-direction:column;gap:5px;padding:var(--space-2);z-index:110}.nav__toggle span{background:var(--color-text-primary);border-radius:var(--radius-full);display:block;height:2px;transition:all var(--transition-base);width:22px}.nav__close{display:none}@media screen and (max-width:768px){.nav__menu{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#0c0c14fa;border-left:1px solid var(--color-border);height:100vh;max-width:320px;padding:6rem var(--space-8) var(--space-8);position:fixed;right:-100%;top:0;transition:right var(--transition-slow);width:75%;z-index:105}.nav__menu--open{right:0}.nav__list{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.nav__link{font-size:var(--text-lg);padding:var(--space-3) var(--space-4);width:100%}.nav__close,.nav__toggle{display:flex}.nav__close{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-2xl);position:absolute;right:var(--space-6);top:var(--space-6);transition:color var(--transition-base)}.nav__close:hover{color:var(--color-accent)}.nav__cta{display:none}}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding-top:var(--header-height);position:relative;z-index:1}.hero__glow{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#00f0ff14 0,#0000 70%);height:600px;left:-200px;pointer-events:none;position:absolute;top:-200px;width:600px}.hero__glow--secondary{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#7b61ff0f 0,#0000 70%);bottom:-200px;left:auto;right:-200px;top:auto}.hero__container{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1fr auto;padding-bottom:var(--space-8);padding-top:var(--space-8)}.hero__content{max-width:680px}.hero__greeting{align-items:center;animation:fadeInUp .6s ease .1s forwards;display:flex;gap:var(--space-4);margin-bottom:var(--space-6);opacity:0}.hero__greeting-line{background:var(--gradient-accent);border-radius:var(--radius-full);height:2px;width:40px}.hero__greeting-text{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.hero__name{animation:fadeInUp .8s ease .2s forwards;color:var(--color-text-primary);font-size:var(--text-7xl);font-weight:900;line-height:1.05;margin-bottom:var(--space-6);opacity:0}.hero__name-accent{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.hero__role{align-items:center;animation:fadeInUp .6s ease .35s forwards;display:flex;font-family:var(--font-mono);font-size:var(--text-xl);gap:var(--space-2);margin-bottom:var(--space-8);opacity:0}.hero__role-prefix{color:var(--color-accent)}.hero__role-text{color:var(--color-text-primary)}.hero__role-cursor{animation:blink 1s step-end infinite;color:var(--color-accent);font-weight:300}.hero__description{animation:fadeInUp .6s ease .45s forwards;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--space-10);max-width:560px;opacity:0}.hero__actions{animation:fadeInUp .6s ease .55s forwards;margin-bottom:var(--space-12)}.hero__actions,.hero__social{align-items:center;display:flex;gap:var(--space-4);opacity:0}.hero__social{animation:fadeInUp .6s ease .65s forwards}.hero__social-link{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;font-size:var(--text-xl);height:42px;justify-content:center;transition:all var(--transition-base);width:42px}.hero__social-link:hover{background:#00f0ff0d;border-color:var(--color-border-accent);box-shadow:var(--shadow-glow);color:var(--color-accent);transform:translateY(-3px)}.hero__stats{border-left:1px solid var(--color-border);gap:var(--space-8);padding-left:var(--space-8)}.hero__stat,.hero__stats{display:flex;flex-direction:column}.hero__stat{animation:fadeInUp .6s ease forwards;gap:var(--space-1);opacity:0}.hero__stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-size:var(--text-4xl);font-weight:800;line-height:1}.hero__stat-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.hero__scroll{animation:fadeIn 1s ease 1.2s forwards;bottom:var(--space-10);left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.hero__scroll-link{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-3);transition:color var(--transition-base)}.hero__scroll-link:hover{color:var(--color-accent)}.hero__scroll-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.hero__scroll-indicator{border:2px solid var(--color-text-muted);border-radius:var(--radius-full);display:flex;height:32px;justify-content:center;padding-top:6px;transition:border-color var(--transition-base);width:20px}.hero__scroll-link:hover .hero__scroll-indicator{border-color:var(--color-accent)}.hero__scroll-dot{animation:float 2s ease-in-out infinite;background:var(--color-accent);border-radius:var(--radius-full);height:8px;width:3px}@media screen and (max-width:992px){.hero__container{gap:var(--space-10);grid-template-columns:1fr}.hero__stats{border-left:none;border-top:1px solid var(--color-border);flex-direction:row;gap:var(--space-12);justify-content:center;padding-left:0;padding-top:var(--space-8)}.hero__stat{align-items:center}.hero__content{max-width:100%;text-align:center}.hero__greeting{justify-content:center}.hero__description{margin-left:auto;margin-right:auto}.hero__actions,.hero__social{justify-content:center}}@media screen and (max-width:576px){.hero__stats{gap:var(--space-8)}.hero__stat-number{font-size:var(--text-3xl)}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{justify-content:center;width:100%}.hero__scroll{display:none}}.about__content{grid-gap:var(--space-12);align-items:start;display:grid;gap:var(--space-12);grid-template-columns:220px 1fr;margin:0 auto;max-width:880px}.about__info-cards{display:flex;flex-direction:column;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--space-8))}.about__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:200px;overflow:hidden;padding:var(--space-6) var(--space-8);position:relative;text-align:center;transition:all var(--transition-slow)}.about__card:before{background:var(--gradient-accent);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-slow)}.about__card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.about__card:hover:before{transform:scaleX(1)}.about__card-icon{color:var(--color-accent);font-size:var(--text-3xl);margin-bottom:var(--space-3);transition:transform var(--transition-base)}.about__card:hover .about__card-icon{transform:scale(1.1)}.about__card-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.about__card-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.about__text{max-width:100%}.about__description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.9;margin-bottom:var(--space-6)}.about__description strong{color:var(--color-text-primary);font-weight:600}.about__highlights{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-10);padding:var(--space-6)}.about__highlight{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.about__highlight-dot{background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px #00f0ff66;flex-shrink:0;height:6px;width:6px}.about__resume-btn{margin-top:var(--space-4)}@media screen and (max-width:992px){.about__content{gap:var(--space-10);grid-template-columns:1fr}.about__info-cards{flex-direction:row;justify-content:center;position:static}.about__text{max-width:100%;text-align:center}.about__highlights{align-items:center}.about__resume-btn{display:inline-flex}}@media screen and (max-width:576px){.about__info-cards{align-items:center;flex-direction:column}.about__card{max-width:280px;width:100%}}.skills__tabs{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12)}.skills__tab{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.skills__tab i{font-size:var(--text-lg)}.skills__tab:hover{border-color:var(--color-border-hover);color:var(--color-text-secondary)}.skills__tab--active{background:var(--gradient-accent);border-color:#0000;box-shadow:var(--shadow-glow)}.skills__tab--active,.skills__tab--active:hover{color:var(--color-bg-primary)}.skills__content{margin:0 auto;max-width:900px}.skills__grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.skills__item{animation:fadeInUp .5s ease forwards;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:default;opacity:0;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.skills__item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.skills__item-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}@media screen and (max-width:768px){.skills__tabs{align-items:center;flex-direction:column}.skills__tab{justify-content:center;max-width:300px;width:100%}.skills__grid{grid-template-columns:1fr}}.quali__timeline{display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:700px}.quali__item{display:flex;gap:var(--space-6);position:relative}.quali__marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:var(--space-6)}.quali__dot{background:var(--color-bg-primary);border:2px solid var(--color-text-muted);border-radius:50%;flex-shrink:0;height:14px;position:relative;transition:all var(--transition-base);width:14px;z-index:2}.quali__dot--active{animation:glowPulse 2s ease-in-out infinite;background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 15px #00f0ff66}.quali__line{background:linear-gradient(to bottom,var(--color-border),#0000);flex:1 1;margin-top:var(--space-2);width:2px}.quali__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex:1 1;margin-bottom:var(--space-6);padding:var(--space-6) var(--space-8);position:relative;transition:all var(--transition-slow)}.quali__card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateX(8px)}.quali__badge{align-items:center;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:var(--radius-full);color:var(--color-accent);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3)}.quali__degree{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.quali__institution{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4)}.quali__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-6)}.quali__grade,.quali__period{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.quali__grade i,.quali__period i{color:var(--color-accent);font-size:var(--text-base)}@media screen and (max-width:576px){.quali__card{padding:var(--space-5) var(--space-5)}.quali__meta{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}.contact__content{grid-gap:var(--space-16);align-items:start;display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr}.contact__info-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.contact__info-description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-10)}.contact__cards{flex-direction:column}.contact__card,.contact__cards{display:flex;gap:var(--space-4)}.contact__card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-5) var(--space-6);transition:all var(--transition-slow)}.contact__card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateX(8px)}.contact__card-icon{align-items:center;background:#00f0ff14;border-radius:var(--radius-lg);color:var(--color-accent);display:flex;flex-shrink:0;font-size:var(--text-2xl);height:48px;justify-content:center;transition:all var(--transition-base);width:48px}.contact__card:hover .contact__card-icon{background:#00f0ff26;transform:scale(1.05)}.contact__card-content{flex:1 1}.contact__card-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.contact__card-data{color:var(--color-text-muted);font-size:var(--text-sm)}.contact__card-arrow{color:var(--color-text-muted);font-size:var(--text-xl);transition:all var(--transition-base)}.contact__card:hover .contact__card-arrow{color:var(--color-accent);transform:translateX(4px)}.contact__form{display:flex;flex-direction:column;gap:var(--space-6)}.contact__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.contact__form-label{font-weight:600}.contact__form-input,.contact__form-label{color:var(--color-text-primary);font-size:var(--text-sm)}.contact__form-input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-primary);outline:none;padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.contact__form-input::placeholder{color:var(--color-text-muted)}.contact__form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #00f0ff14}.contact__form-textarea{min-height:130px;resize:vertical}.contact__submit{align-self:flex-start}.contact__submit--sent{background:linear-gradient(135deg,#22c55e,#16a34a)}.contact__spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:992px){.contact__content{gap:var(--space-10);grid-template-columns:1fr}}@media screen and (max-width:576px){.contact__card{padding:var(--space-4)}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8);position:relative;z-index:2}.footer__top{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--space-10)}.footer__logo{display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}.footer__logo-bracket{color:var(--color-accent);font-weight:400}.footer__logo-text{color:var(--color-text-primary);transition:color var(--transition-base)}.footer__logo:hover .footer__logo-text{color:var(--color-accent)}.footer__tagline{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;max-width:280px}.footer__links-title{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-5);text-transform:uppercase}.footer__links-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-sm);transition:all var(--transition-base)}.footer__link:hover{color:var(--color-accent);transform:translateX(4px)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;font-size:var(--text-xl);height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.footer__social-link:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow);color:var(--color-accent);transform:translateY(-3px)}.footer__divider{background:var(--color-border);height:1px;margin-bottom:var(--space-6)}.footer__bottom{align-items:center;display:flex;justify-content:space-between}.footer__copy,.footer__credit{color:var(--color-text-muted);font-size:var(--text-sm)}.footer__heart{animation:pulse 2s ease-in-out infinite;color:var(--color-accent-tertiary)}@media screen and (max-width:768px){.footer__top{gap:var(--space-8);grid-template-columns:1fr;text-align:center}.footer__tagline{margin:0 auto}.footer__social{justify-content:center}.footer__links-list{align-items:center}.footer__bottom{flex-direction:column;gap:var(--space-3);text-align:center}}.scrollup{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:var(--space-8);color:var(--color-accent);cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;position:fixed;right:var(--space-8);transform:translateY(20px);transition:all var(--transition-base);visibility:hidden;width:44px;z-index:var(--z-sticky)}.scrollup--visible{opacity:1;transform:translateY(0);visibility:visible}.scrollup:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}@media screen and (max-width:576px){.scrollup{bottom:var(--space-4);height:40px;right:var(--space-4);width:40px}}.portfolio__filters{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-12)}.portfolio__filter{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-5);transition:all var(--transition-base)}.portfolio__filter:hover{border-color:var(--color-border-hover);color:var(--color-text-secondary)}.portfolio__filter--active{background:var(--gradient-accent);border-color:#0000;box-shadow:var(--shadow-glow);color:var(--color-bg-primary)}.portfolio__grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.portfolio__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-slow)}.portfolio__card:before{background:var(--gradient-accent);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.portfolio__card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.portfolio__card:hover:before{transform:scaleX(1)}.portfolio__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.portfolio__card-icon{color:var(--color-accent);font-size:var(--text-4xl);transition:transform var(--transition-base)}.portfolio__card:hover .portfolio__card-icon{transform:scale(1.1)}.portfolio__card-link{color:var(--color-text-muted);font-size:var(--text-2xl);padding:var(--space-2);transition:all var(--transition-base)}.portfolio__card-link:hover{color:var(--color-accent);transform:translateY(-2px)}.portfolio__card-title{font-size:var(--text-lg);font-weight:700;line-height:1.4;margin-bottom:var(--space-3)}.portfolio__card-title a{color:var(--color-text-primary);transition:color var(--transition-base)}.portfolio__card-title a:hover{color:var(--color-accent)}.portfolio__card-description{color:var(--color-text-muted);flex:1 1;font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-6)}.portfolio__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.portfolio__tag{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:0}.portfolio__tag:not(:last-child):after{color:var(--color-text-muted);content:"·";margin-left:var(--space-2)}.portfolio__more{display:flex;justify-content:center;margin-top:var(--space-12)}@media screen and (max-width:992px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.portfolio__grid{grid-template-columns:1fr}.portfolio__card{padding:var(--space-6)}}.exp__content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:200px 1fr;margin:0 auto;max-width:900px;min-height:400px}.exp__tabs{border-left:2px solid var(--color-border);display:flex;flex-direction:column;position:relative}.exp__tab{background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4) var(--space-6);position:relative;text-align:left;transition:all var(--transition-base);white-space:nowrap}.exp__tab:before{background:var(--color-accent);content:"";height:100%;left:-2px;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-base);width:2px}.exp__tab:hover{background:#00f0ff08;color:var(--color-accent)}.exp__tab--active{background:#00f0ff0d;color:var(--color-accent)}.exp__tab--active:before{transform:scaleY(1)}.exp__tab-company{font-weight:500}.exp__details{position:relative}.exp__detail{animation:fadeIn .4s ease;display:none}.exp__detail--active{display:block}.exp__detail-header{margin-bottom:var(--space-6)}.exp__role{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.exp__company{color:var(--color-accent);font-weight:600}.exp__period{align-items:center;color:var(--color-text-muted);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-sm);gap:var(--space-2)}.exp__period i{font-size:var(--text-base)}.exp__list{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin-bottom:var(--space-6)}.exp__list-item{color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:1.7}.exp__list-arrow{color:var(--color-accent);flex-shrink:0;margin-top:3px}.exp__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media screen and (max-width:768px){.exp__content{gap:var(--space-4);grid-template-columns:1fr}.exp__tabs{-ms-overflow-style:none;border-bottom:2px solid var(--color-border);border-left:none;flex-direction:row;overflow-x:auto;scrollbar-width:none}.exp__tabs::-webkit-scrollbar{display:none}.exp__tab{padding:var(--space-3) var(--space-4);white-space:nowrap}.exp__tab:before{bottom:-2px;height:2px;left:0;top:auto;transform:scaleX(0);width:100%}.exp__tab--active:before{transform:scaleX(1)}}.particle-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}
/*# sourceMappingURL=main.ceaa3190.css.map*/