/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--clr-dark: #0a0a0c;--clr-dark-secondary: #111114;--clr-dark-tertiary: #18181c;--clr-light: #fafafa;--clr-slate300: #d4d4d8;--clr-slate400: #a1a1aa;--clr-slate500: #8b8b94;--clr-slate600: #6b6b75;--clr-slate700: #3f3f46;--clr-slate800: #27272a;--clr-accent: #3b82f6;--clr-accent-bright: #60a5fa;--clr-accent-dim: #2563eb;--clr-accent-subtle: rgba(59, 130, 246, .12);--clr-emerald: #10b981;--clr-amber: #f59e0b;--clr-rose: var(--clr-accent);--clr-indigo: var(--clr-accent);--clr-purple: var(--clr-accent-bright);--clr-pink: var(--clr-accent-bright);--clr-cyan: var(--clr-accent-bright);--clr-electric: var(--clr-accent-bright);--clr-frost: #e8eefc;--gradient-crystal: linear-gradient( 135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .01) );--grid-line-color: rgba(255, 255, 255, .035);--crystal-edge: rgba(255, 255, 255, .26);--crystal-facet: rgba(255, 255, 255, .12);--crystal-fill-from: rgba(255, 255, 255, .055);--crystal-fill-to: rgba(96, 165, 250, .02);--crystal-opacity: .9;--gradient-primary: linear-gradient( 135deg, var(--clr-accent), #6366f1 );--gradient-secondary: linear-gradient( 135deg, var(--clr-accent-dim), var(--clr-accent) );--gradient-accent: linear-gradient( 135deg, var(--clr-accent-bright), var(--clr-accent) );--gradient-hero: linear-gradient( -45deg, #1e3a8a, #2563eb, #3b82f6, #1e40af );--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .025);--card-bg-hover: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(255, 255, 255, .18);--input-bg: rgba(255, 255, 255, .03);--input-bg-focus: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-border-focus: var(--clr-accent);--header-bg: rgba(10, 10, 12, .72);--header-bg-scrolled: rgba(10, 10, 12, .92);--header-border: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 28px -8px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 12px 32px -8px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-accent: 0 8px 24px -8px rgba(59, 130, 246, .5);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--size-xxs: .5rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem}*{margin:0;line-height:calc(1em + .5rem)}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;text-wrap:balance}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:7rem}:target{scroll-margin-top:7rem}.light-mode{--clr-dark: #ffffff;--clr-dark-secondary: #fafafa;--clr-dark-tertiary: #f4f4f5;--clr-light: #0a0a0c;--clr-slate300: #3f3f46;--clr-slate400: #52525b;--clr-slate500: #71717a;--clr-slate600: #a1a1aa;--clr-slate700: #d4d4d8;--clr-slate800: #e4e4e7;--clr-accent: #2563eb;--clr-accent-bright: #3b82f6;--clr-accent-dim: #1d4ed8;--clr-accent-subtle: rgba(37, 99, 235, .1);--clr-frost: #1e293b;--gradient-crystal: linear-gradient( 135deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .01) );--grid-line-color: rgba(0, 0, 0, .04);--crystal-edge: rgba(15, 23, 42, .19);--crystal-facet: rgba(15, 23, 42, .085);--crystal-fill-from: rgba(37, 99, 235, .05);--crystal-fill-to: rgba(15, 23, 42, .015);--crystal-opacity: .75;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .09);--card-bg: rgba(0, 0, 0, .02);--card-bg-hover: rgba(0, 0, 0, .04);--card-border: rgba(0, 0, 0, .09);--card-border-hover: rgba(0, 0, 0, .18);--input-bg: rgba(0, 0, 0, .02);--input-bg-focus: #ffffff;--input-border: rgba(0, 0, 0, .12);--input-border-focus: var(--clr-accent);--header-bg: rgba(255, 255, 255, .75);--header-bg-scrolled: rgba(255, 255, 255, .93);--header-border: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 28px -8px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .12);--shadow-glow: 0 12px 32px -8px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-accent: 0 8px 24px -8px rgba(37, 99, 235, .35)}body{font-family:General Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--clr-dark);color:var(--clr-light);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px;border-radius:4px}::selection{background:var(--clr-accent);color:#fff}main{position:relative;z-index:1}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}a{color:var(--clr-accent-bright)}strong{color:var(--clr-light);font-weight:600}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--clr-slate700);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--clr-slate600)}@keyframes fadeInUp{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:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.slide-in-left{animation:slideInLeft .6s ease-out forwards}.slide-in-right{animation:slideInRight .6s ease-out forwards}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--clr-dark);z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;transition:transform .45s cubic-bezier(.76,0,.24,1),opacity .3s ease .15s}#preloader.exit{transform:translateY(-100%);opacity:0;pointer-events:none}.preloader__logo{font-size:clamp(3rem,8vw,5rem);font-weight:900;color:var(--clr-light);font-family:Courier New,monospace;animation:preloader-breathe 1.6s ease-in-out infinite}@keyframes preloader-breathe{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 20px rgba(99,102,241,.6))}50%{opacity:.7;transform:scale(.93);filter:drop-shadow(0 0 8px rgba(99,102,241,.2))}}.preloader__name{font-size:clamp(.75rem,2vw,.95rem);font-weight:600;color:#ffffff80;letter-spacing:.4em;text-transform:uppercase;animation:preloader-fade 1.6s ease-in-out .2s infinite}@keyframes preloader-fade{0%,to{opacity:.35}50%{opacity:1}}.preloader__bar-track{width:clamp(140px,30vw,220px);height:3px;background:#3b82f626;border-radius:100px;overflow:hidden}.preloader__bar{height:100%;width:0%;background:var(--gradient-primary);border-radius:100px;animation:preloader-progress .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes preloader-progress{0%{width:0%}30%{width:45%}70%{width:75%}to{width:100%}}.preloader__dots{display:flex;gap:.4rem}.preloader__dot{width:6px;height:6px;border-radius:50%;background:#6366f180;animation:preloader-dot 1.2s ease-in-out infinite}.preloader__dot:nth-child(2){animation-delay:.2s}.preloader__dot:nth-child(3){animation-delay:.4s}@keyframes preloader-dot{0%,to{transform:scale(1);background:#6366f166}50%{transform:scale(1.5);background:#3b82f6}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:var(--clr-dark);pointer-events:none}.gradient-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.1;animation:blob-float 28s ease-in-out infinite}.blob-1{width:500px;height:500px;background:radial-gradient(circle,var(--clr-indigo),transparent);top:-10%;left:-10%;animation-delay:0s}.blob-2{width:600px;height:600px;background:radial-gradient(circle,var(--clr-purple),transparent);top:40%;right:-15%;animation-delay:-5s}.blob-3{width:450px;height:450px;background:radial-gradient(circle,var(--clr-pink),transparent);bottom:-10%;left:30%;animation-delay:-10s}.blob-4{width:550px;height:550px;background:radial-gradient(circle,var(--clr-cyan),transparent);top:60%;left:-20%;animation-delay:-15s}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(40px,60px) scale(1.05)}}.particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--clr-light);border-radius:50%;opacity:.12;animation:particle-rise linear infinite}@keyframes particle-rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.12}90%{opacity:.12}to{transform:translateY(-100vh) translate(var(--drift));opacity:0}}.grid-overlay{position:absolute;width:100%;height:100%;background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:64px 64px;opacity:1;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 70%);mask-image:linear-gradient(to bottom,#000 0%,transparent 70%)}.noise-overlay{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.spotlight{position:absolute;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.025) 0%,transparent 45%);pointer-events:none;transition:opacity .3s ease}@media (max-width: 768px){.gradient-blob{filter:blur(80px);opacity:.07}.blob-1,.blob-2,.blob-3,.blob-4{width:300px;height:300px}}.crystal-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:var(--crystal-opacity);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%)}.crystal-shard{position:absolute;overflow:visible;transform:translate(-50%,-50%) rotate(var(--shard-angle, 0deg));animation:crystal-drift 34s ease-in-out infinite;will-change:transform,opacity}.crystal-shard__body{fill:var(--crystal-fill-from);stroke:var(--crystal-edge);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.crystal-shard__facet{fill:none;stroke:var(--crystal-facet);stroke-width:1;vector-effect:non-scaling-stroke}@keyframes crystal-drift{0%,to{transform:translate(-50%,-50%) rotate(var(--shard-angle, 0deg)) translate(0);opacity:.55}35%{transform:translate(-50%,-50%) rotate(calc(var(--shard-angle, 0deg) + 1.2deg)) translate(2%);opacity:1}70%{transform:translate(-50%,-50%) rotate(calc(var(--shard-angle, 0deg) - .9deg)) translate(-1.4%);opacity:.72}}@media (max-width: 768px){.crystal-shard[data-hide-on-mobile]{display:none}.crystal-layer{opacity:calc(var(--crystal-opacity) * .7)}}.side-nav{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:1000;display:none}.side-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}.side-nav__item{position:relative;display:flex;align-items:center;justify-content:flex-end}.side-nav__dot{width:12px;height:12px;border:2px solid var(--clr-slate500);border-radius:50%;background:transparent;transition:all .3s ease;cursor:pointer;position:relative}.side-nav__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;background:var(--clr-indigo);border-radius:50%;transition:transform .3s ease}.side-nav__item.active .side-nav__dot{border-color:var(--clr-indigo);box-shadow:0 0 20px #3b82f680}.side-nav__item.active .side-nav__dot:before{transform:translate(-50%,-50%) scale(1)}.side-nav__label{position:absolute;right:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:.5rem;color:var(--clr-light);font-size:var(--size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:0;visibility:hidden;transform:translate(10px);transition:all .3s ease;white-space:nowrap;pointer-events:none}.side-nav__item:hover .side-nav__label{opacity:1;visibility:visible;transform:translate(0)}.side-nav__item:hover .side-nav__dot{border-color:var(--clr-indigo);transform:scale(1.2)}.side-nav__progress{position:absolute;right:5px;top:0;width:2px;height:100%;background:var(--clr-slate700);border-radius:2px;z-index:-1}.side-nav__progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--gradient-primary);border-radius:2px;transition:height .3s ease}@media (min-width: 1280px){.side-nav{display:block}}.side-nav__social{position:fixed;left:3rem;bottom:3rem;display:none;flex-direction:column;gap:1.5rem;z-index:1000}.side-nav__social-link{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.5rem;color:var(--clr-slate400);transition:all .3s ease;position:relative}.side-nav__social-link svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.side-nav__social-link:hover{background:var(--gradient-primary);color:var(--clr-light);transform:translateY(-5px);box-shadow:var(--shadow-glow)}.side-nav__social-link:hover svg{transform:scale(1.1)}@media (min-width: 1280px){.side-nav__social{display:flex}}.header{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);transition:all .4s cubic-bezier(.4,0,.2,1)}.header__progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent}.header__progress{height:100%;width:0%;background:var(--gradient-primary);transition:width .1s linear;border-radius:0 2px 2px 0}.header.scrolled{background:var(--header-bg-scrolled);box-shadow:var(--shadow-lg);border-bottom-color:var(--card-border-hover)}.header__container{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;padding-bottom:1.25rem}.header__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:var(--clr-light);transition:all .3s ease;z-index:10}.header__logo-icon{font-size:1.75rem;animation:float 3s ease-in-out infinite}.header__logo-text{color:var(--clr-light)}.header__logo-accent{color:var(--clr-indigo);font-size:2rem}.header__logo:hover .header__logo-icon{transform:rotate(20deg) scale(1.1)}.header__nav{display:none}.header__menu{display:flex;align-items:center;list-style:none;padding:0;gap:2rem}@media (min-width: 1280px){.header__menu{gap:3rem}}.header__link{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:var(--size-sm);font-weight:500;color:var(--clr-slate400);transition:all .3s ease;position:relative}.header__link-number{color:var(--clr-indigo);font-family:Courier New,monospace;font-size:var(--size-xs);font-weight:600}.header__link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.header__link:hover{color:var(--clr-light);transform:translateY(-2px)}.header__link:hover:after,.header__link.active:after{width:100%}.header__link.active{color:var(--clr-light)}.header__link.active .header__link-number{color:var(--clr-purple)}.header__actions{display:none}.header__theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.75rem;color:var(--clr-slate400);cursor:pointer;transition:all .3s ease}.header__theme-toggle svg{width:1.25rem;height:1.25rem}.header__theme-toggle:hover{background:var(--gradient-primary);color:var(--clr-light);transform:rotate(20deg);box-shadow:var(--shadow-glow)}.header__resume{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--clr-light);text-decoration:none;font-size:var(--size-sm);font-weight:600;border-radius:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.header__resume svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.header__resume:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f680}.header__resume:hover svg{transform:translateY(2px)}.header__bars{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin:-6px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.header__bar{display:block;width:1.5rem;height:2px;background:var(--clr-light);border-radius:10px;transition:all .35s cubic-bezier(.4,0,.2,1);transform-origin:center}.header__bars:hover .header__bar{background:var(--clr-indigo)}.header__bars.open .header__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__bars.open .header__bar:nth-child(2){opacity:0;transform:scaleX(0)}.header__bars.open .header__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (min-width: 768px){.header__nav{display:block}.header__actions{display:flex;align-items:center;gap:1rem}.header__bars{display:none}}@media (min-width: 1024px){.header__container{padding-top:1.5rem;padding-bottom:1.5rem}.header__logo{font-size:1.75rem}.header__logo-icon{font-size:2rem}.header__menu{gap:3.5rem}.header__link{font-size:var(--size-base)}}.hero{margin-top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:7rem 1rem 4rem;margin-bottom:3rem;z-index:1;isolation:isolate}@media (min-width: 475px){.hero{padding:8rem 1.5rem 4rem}}@media (min-width: 768px){.hero{padding:9rem 2rem 5rem;margin-bottom:4rem}}@media (min-width: 1024px){.hero{padding:8rem 3rem;margin-bottom:6rem}}@media (min-width: 1280px){.hero{padding:8rem 4rem}}.hero__container{width:100%;max-width:1400px;margin-inline:auto;position:relative;z-index:2}.hero__bento{display:grid;grid-template-columns:1fr;gap:1rem}.hero__tile{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out backwards;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease}.hero__tile:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.hero__tile:not(.hero__tile--headline):hover{transform:translateY(-6px)}.hero__tile--badge{animation-delay:.1s}.hero__tile--headline{animation-delay:.2s}.hero__tile--stat-years{animation-delay:.3s}.hero__tile--stat-projects{animation-delay:.35s}.hero__tile--tech{animation-delay:.4s}.hero__tile--cta{animation-delay:.5s}.hero__tile-label{font-size:var(--size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--clr-slate400);font-weight:600}.hero__tile--badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;justify-self:start;align-self:start;padding:.65rem 1.25rem;border-radius:999px;background:var(--clr-accent-subtle);border:1px solid var(--card-border);animation:fadeInUp .8s ease-out .1s backwards,pulse 3s ease-in-out 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--clr-emerald);box-shadow:0 0 0 3px #10b98140;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #10b98140}50%{box-shadow:0 0 0 6px #10b98126}}.hero__badge-text{font-size:var(--size-sm);font-weight:600;color:var(--clr-light);white-space:nowrap}.hero__tile--headline{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}@media (min-width: 1024px){.hero__tile--headline{align-items:flex-start;text-align:left;padding:2.5rem}}.hero__subtitle{font-size:clamp(.875rem,2vw,var(--size-xl));color:var(--clr-slate400);font-weight:500;margin-bottom:1rem;animation:slideInLeft .8s ease-out .2s backwards}@media (min-width: 475px){.hero__subtitle{font-size:clamp(var(--size-base),2vw,var(--size-xl));margin-bottom:1.5rem}}.hero__title{font-size:clamp(1.75rem,8vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;position:relative;display:flex;flex-direction:column;gap:.2rem}@media (min-width: 475px){.hero__title{font-size:clamp(2.25rem,7vw,4.5rem);margin-bottom:2rem}}@media (min-width: 768px){.hero__title{font-size:clamp(2.5rem,5vw,4.5rem)}}@media (min-width: 1280px){.hero__title{font-size:clamp(3rem,6vw,5.5rem)}}.hero__title-line{display:block;color:var(--clr-light);animation:slideInLeft .8s ease-out backwards}.hero__title-line:nth-child(1){animation-delay:.3s}.hero__title-line:nth-child(2){animation-delay:.4s}.hero__title-line:nth-child(3){animation-delay:.5s}.hero__role{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;color:var(--clr-slate300);margin-bottom:1.5rem;display:flex;align-items:center;gap:0;min-height:1.8em}.hero__role-prefix{color:var(--clr-slate400);margin-right:.3rem}.hero__typewriter{color:var(--clr-accent-bright);font-weight:700}.hero__cursor{color:var(--clr-indigo);font-weight:300;animation:blink-caret .8s step-end infinite;margin-left:1px}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.hero__description{font-size:clamp(.875rem,2vw,1.2rem);color:var(--clr-slate300);line-height:1.6;max-width:600px;animation:slideInLeft .8s ease-out .6s backwards}@media (min-width: 475px){.hero__description{font-size:clamp(.95rem,2vw,1.2rem);line-height:1.7}}@media (min-width: 768px){.hero__description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}}.hero__description strong{color:var(--clr-light);font-weight:700}.hero__tile--headline .hero__description:last-child{margin-bottom:0}.hero__tile--stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;padding:1.25rem 1rem}.hero__tile--stat .hero__stat-number{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900;color:var(--clr-light);line-height:1}.hero__tile--stat .hero__stat-label{font-size:var(--size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--clr-slate400);font-weight:500}.hero__tile--tech{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:1.75rem 1.25rem}.hero__tech-icons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.hero__tile--tech .hero__tech-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;justify-items:center}.hero__tech-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:8px}.hero__tech-icon svg{width:100%;height:100%}.hero__tech-icon:hover{transform:translateY(-4px) scale(1.08);border-color:#3b82f680;box-shadow:0 10px 30px #3b82f633;background:var(--card-bg-hover)}.hero__tile--cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:1.5rem}@media (min-width: 1024px){.hero__tile--cta{justify-content:flex-start}}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:var(--size-sm);font-weight:700;border-radius:.75rem;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}@media (min-width: 475px){.hero__btn{padding:1.1rem 2.25rem;gap:.65rem;font-size:var(--size-base)}}@media (min-width: 768px){.hero__btn{padding:1.25rem 2.5rem;gap:.75rem}}.hero__btn svg{width:18px;height:18px;transition:transform .3s ease}@media (min-width: 475px){.hero__btn svg{width:20px;height:20px}}.hero__btn--primary{background:var(--gradient-primary);color:var(--clr-light);box-shadow:0 10px 40px #3b82f666}.hero__btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;z-index:-1}.hero__btn--primary:hover:before{left:100%}.hero__btn--primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px #3b82f699}.hero__btn--primary:hover svg{transform:translate(5px)}.hero__btn--secondary{background:transparent;color:var(--clr-light);border:2px solid var(--clr-indigo)}.hero__btn--secondary:hover{background:var(--clr-indigo);transform:translateY(-3px);box-shadow:0 10px 30px #3b82f64d}@media (min-width: 768px) and (max-width: 1023px){.hero__bento{grid-template-columns:repeat(6,1fr);grid-template-areas:"badge badge stat1 stat1 stat2 stat2" "headline headline headline headline headline headline" "headline headline headline headline headline headline" "tech tech tech cta cta cta";gap:1.25rem}}@media (min-width: 1024px){.hero__bento{grid-template-columns:repeat(12,1fr);grid-template-areas:"badge badge badge badge badge badge stat1 stat1 stat1 stat2 stat2 stat2" "headline headline headline headline headline headline headline headline headline tech tech tech" "headline headline headline headline headline headline headline headline headline tech tech tech" "cta cta cta cta cta cta cta cta cta tech tech tech";gap:1.5rem}}@media (min-width: 768px){.hero__tile--badge{grid-area:badge}.hero__tile--stat-years{grid-area:stat1}.hero__tile--stat-projects{grid-area:stat2}.hero__tile--headline{grid-area:headline}.hero__tile--tech{grid-area:tech}.hero__tile--cta{grid-area:cta}}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent 75%);pointer-events:none;z-index:0}.hero__shape{position:absolute;opacity:.3;animation:float-shape 28s ease-in-out infinite;background:var(--gradient-crystal);border:1px solid var(--glass-border);box-shadow:0 0 12px #00e5ff40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero__shape--1{width:110px;height:110px;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);top:10%;right:10%;animation-delay:0s}.hero__shape--2{width:150px;height:150px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);bottom:15%;left:5%;animation-delay:-5s}.hero__shape--3{width:90px;height:90px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);top:60%;right:20%;animation-delay:-10s}@keyframes float-shape{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translate(-10px,10px) rotate(180deg)}75%{transform:translate(15px,25px) rotate(270deg)}}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--clr-slate400);font-size:var(--size-xs);text-transform:uppercase;letter-spacing:.1em;animation:bounce 2s ease-in-out infinite}.hero__scroll svg{width:24px;height:24px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media (max-width: 474px){.hero__bento{gap:.75rem}.hero__tile{padding:1.25rem}.hero__tile--badge{padding:.6rem 1.2rem}.hero__scroll{display:none}}@media (prefers-reduced-motion: reduce){.hero__tile,.hero__tile--badge,.hero__badge-dot,.hero__cursor,.hero__title-line,.hero__subtitle,.hero__description,.hero__shape{animation:none!important}}.about{display:flex;flex-direction:column;gap:2rem;opacity:0;transition:opacity .6s ease-out;position:relative;z-index:2;isolation:isolate}.about.visible{opacity:1}.about__header{display:flex;flex-direction:column;gap:.5rem}.about__label{display:inline-block;font-family:Courier New,monospace;font-size:var(--size-sm);color:var(--clr-electric);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.about__title{font-size:var(--size-2xl);color:var(--clr-light);font-weight:800}.about__bento{display:grid;grid-template-columns:1fr;gap:1.25rem}.about__tile{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;padding:1.5rem;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.about__tile:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.about__tile:not(.about__tile--bio):not(.about__tile--techlabel):hover{transform:translateY(-6px)}.about__tile--photo{padding:0;display:flex}.about__img{width:100%;height:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:center top;display:block;border-radius:inherit;transition:transform .4s ease}.about__tile--photo:hover .about__img{transform:scale(1.04)}.about__tile--bio{display:flex;flex-direction:column;gap:1.1rem}.about__description{max-width:none;font-size:var(--size-sm);color:var(--clr-slate400);line-height:1.7}.about__description:last-child{margin-bottom:0}.about__tile--fact{display:flex;flex-direction:column;justify-content:center;gap:.35rem}.about__fact-label{font-size:var(--size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--clr-electric);font-weight:600}.about__fact-value{font-size:var(--size-base);font-weight:700;color:var(--clr-light);line-height:1.3}.about__fact-sub{font-size:var(--size-xs);color:var(--clr-slate400);line-height:1.4}.about__tile--techlabel{background:transparent;border:none;padding:.25rem;display:flex;align-items:center}.about__subtitle{font-size:var(--size-base);color:var(--clr-light);font-weight:600;margin:0}.about__ul{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding-left:0}.about__list{font-size:var(--size-sm);color:var(--clr-slate300);padding:.45rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;transition:all .3s ease;white-space:nowrap}.about__list:hover{background:var(--card-bg-hover);border-color:var(--clr-indigo);color:var(--clr-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (min-width: 475px){.about__title{font-size:var(--size-3xl)}.about__description,.about__list{font-size:var(--size-base)}}@media (min-width: 768px) and (max-width: 1023px){.about__bento{grid-template-columns:repeat(4,1fr);grid-template-areas:"photo photo bio bio" "photo photo bio bio" "photo photo techlabel techlabel" "fact1 fact2 fact3 fact3" "tcore tcore tother tother";gap:1.25rem}.about__tile--photo{height:100%}}@media (min-width: 1024px){.about{gap:2rem}.about__title{font-size:var(--size-4xl)}.about__description,.about__list{font-size:var(--size-base)}.about__bento{grid-template-columns:repeat(6,1fr);grid-template-areas:"photo photo bio bio bio bio" "photo photo bio bio bio bio" "photo photo techlabel techlabel techlabel techlabel" "fact1 fact1 fact2 fact2 fact3 fact3" "tcore tcore tcore tother tother tother";gap:1.5rem}.about__tile--photo{height:100%}}@media (min-width: 768px){.about__tile--photo{grid-area:photo}.about__tile--bio{grid-area:bio}.about__tile--fact-role{grid-area:fact1}.about__tile--fact-location{grid-area:fact2}.about__tile--fact-education{grid-area:fact3}.about__tile--techlabel{grid-area:techlabel}.about__tile--tech-core{grid-area:tcore}.about__tile--tech-other{grid-area:tother}}@media (min-width: 1280px){.about__title{font-size:var(--size-5xl)}.about__description,.about__list{font-size:var(--size-lg)}}@media (prefers-reduced-motion: reduce){.about__tile,.about__img,.about__list{transition:none!important}}.experience{position:relative;overflow:hidden}.experience__header{text-align:center;margin-bottom:5rem}.experience__label{display:inline-block;font-family:Courier New,monospace;font-size:var(--size-sm);color:var(--clr-indigo);font-weight:600;letter-spacing:.1em;margin-bottom:1rem}.experience__title{font-size:clamp(1.75rem,5vw,var(--size-5xl));font-weight:900;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.experience__subtitle{font-size:var(--size-lg);color:var(--clr-slate400);max-width:600px;margin:0 auto;line-height:1.7}.experience__timeline{position:relative;max-width:900px;margin:0 auto}.experience__timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.6) 10%,rgba(96,165,250,.6) 50%,rgba(6,182,212,.4) 90%,transparent 100%);transform:translate(-50%)}.experience__item{position:relative;width:calc(50% - 3rem);margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.experience__item.visible{opacity:1;transform:translateY(0)}.experience__item--left{margin-left:0}.experience__item--right{margin-left:calc(50% + 3rem)}.experience__item:after{content:"";position:absolute;top:2rem;width:14px;height:14px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 0 0 4px #3b82f633,0 0 20px #3b82f666;transition:transform .3s ease,box-shadow .3s ease}.experience__item--left:after{right:-3.4rem}.experience__item--right:after{left:-3.4rem}.experience__item:hover:after{transform:scale(1.4);box-shadow:0 0 0 6px #3b82f64d,0 0 30px #3b82f699}.experience__card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;padding:1.75rem 2rem;transition:all .4s ease;position:relative;overflow:hidden}.experience__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;pointer-events:none}.experience__card:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 20px 50px #3b82f626}.experience__card:hover:before{opacity:.04}.experience__card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.experience__icon{flex-shrink:0;margin-top:.1rem;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--card-bg);border:1px solid var(--card-border);color:var(--clr-indigo)}.experience__icon svg{width:1.4rem;height:1.4rem}.experience__role{flex:1}.experience__position{font-size:var(--size-base);font-weight:700;color:var(--clr-light);margin-bottom:.2rem}.experience__company{font-size:var(--size-sm);color:var(--clr-indigo);font-weight:600}.experience__badge{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;margin-left:auto}.experience__date{font-size:var(--size-xs);font-family:Courier New,monospace;color:var(--clr-slate400);white-space:nowrap}.experience__type{font-size:var(--size-xs);font-weight:600;padding:.2rem .6rem;border-radius:.4rem;text-transform:uppercase;letter-spacing:.05em}.experience__type--work{background:#3b82f626;color:var(--clr-indigo);border:1px solid rgba(59,130,246,.3)}.experience__type--edu{background:#06b6d41f;color:var(--clr-cyan);border:1px solid rgba(6,182,212,.25)}.experience__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.55rem}.experience__list-item{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--size-sm);color:var(--clr-slate400);line-height:1.55}.experience__list-item:before{content:"▹";color:var(--clr-indigo);flex-shrink:0;margin-top:.05rem}.experience__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.experience__tag{font-size:.68rem;font-weight:600;padding:.2rem .6rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.4rem;color:var(--clr-slate400);letter-spacing:.03em;text-transform:uppercase}@media (max-width: 768px){.experience__timeline:before{left:1.25rem}.experience__item{width:calc(100% - 3.5rem);margin-left:3.5rem!important}.experience__item:after{left:-3.1rem!important;right:auto!important}}.stats{opacity:0;transition:opacity .6s ease-out}.stats.visible{opacity:1}.stats__grid{display:grid;grid-template-columns:1fr;gap:2rem}.stats__card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;padding:2.5rem 2rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.stats__card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s}.stats__card:hover:before{left:100%}.stats__card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--clr-indigo);box-shadow:var(--shadow-xl),0 0 40px #3b82f64d}.stats__icon{width:4rem;height:4rem;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--clr-light);animation:float 3s ease-in-out infinite}.stats__icon svg{width:2rem;height:2rem}.stats__number{font-size:var(--size-4xl);font-weight:800;color:var(--clr-light);margin-bottom:.5rem;line-height:1.2}.stats__label{font-size:var(--size-base);color:var(--clr-slate400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 475px){.stats__grid{grid-template-columns:repeat(2,1fr)}.stats__number{font-size:var(--size-5xl)}}@media (min-width: 768px){.stats__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.stats__card{padding:2rem 1.5rem}}@media (min-width: 1024px){.stats__grid{gap:2.5rem}.stats__card{padding:2.5rem 2rem}.stats__number{font-size:var(--size-5xl)}}@media (min-width: 1280px){.stats__grid{gap:3rem}.stats__card{padding:3rem 2rem}.stats__number{font-size:var(--size-6xl)}}@media (min-width: 1536px){.stats__icon{width:5rem;height:5rem}.stats__icon svg{width:2.5rem;height:2.5rem}}.skills{position:relative}.skills__header{text-align:center;margin-bottom:4rem}.skills__title{font-size:clamp(1.75rem,5vw,var(--size-5xl));font-weight:900;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.skills__subtitle{font-size:var(--size-lg);color:var(--clr-slate400);max-width:600px;margin:0 auto;line-height:1.7}.skills__filters{display:flex;justify-content:center;gap:.75rem;margin-bottom:3.5rem;flex-wrap:wrap}.skills__filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.4rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2rem;color:var(--clr-slate400);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.06em}.skills__filter:hover{border-color:var(--clr-indigo);color:var(--clr-light);transform:translateY(-2px)}.skills__filter.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 20px #3b82f666;transform:translateY(-2px)}.skills__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:900px;margin:0 auto}@media (min-width: 640px){.skills__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px){.skills__grid{gap:1.75rem}}.skills__item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem 1.75rem;transition:all .4s ease;opacity:0;transform:translateY(24px)}.skills__item.visible{opacity:1;transform:translateY(0)}.skills__item:hover{border-color:#3b82f659;background:var(--card-bg-hover);transform:translateY(-3px);box-shadow:0 12px 30px #3b82f61f}.skills__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.skills__item-left{display:flex;align-items:center;gap:.75rem}.skills__name{font-size:var(--size-base);font-weight:700;color:var(--clr-light)}.skills__level{font-size:var(--size-xs);font-weight:600;padding:.25rem .6rem;border-radius:.4rem;text-transform:uppercase;letter-spacing:.05em}.skills__level--expert{background:#3b82f626;color:var(--clr-indigo);border:1px solid rgba(59,130,246,.3)}.skills__level--advanced{background:#60a5fa26;color:var(--clr-purple);border:1px solid rgba(96,165,250,.3)}.skills__level--intermediate{background:#06b6d41f;color:var(--clr-cyan);border:1px solid rgba(6,182,212,.25)}.skills__percentage{font-size:var(--size-sm);font-weight:700;color:var(--clr-accent-bright)}.skills__bar-track{width:100%;height:8px;background:var(--glass-border);border-radius:100px;overflow:hidden;position:relative}.skills__bar-fill{height:100%;width:0%;border-radius:100px;background:var(--gradient-primary);transition:width 1.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skills__bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:bar-shimmer 2.5s ease-in-out infinite 1.5s}@keyframes bar-shimmer{0%{left:-100%}to{left:200%}}.skills__item.visible .skills__bar-fill{width:calc(var(--progress) * 1%)}.services{position:relative}.services__header{text-align:center;margin-bottom:4rem}.services__label{display:inline-block;font-family:Courier New,monospace;font-size:var(--size-sm);color:var(--clr-indigo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.services__title{font-size:clamp(1.75rem,5vw,var(--size-5xl));font-weight:900;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.services__subtitle{font-size:var(--size-lg);color:var(--clr-slate400);max-width:600px;margin:0 auto;line-height:1.7}.services__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services__grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.services__card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden;cursor:default;opacity:0;transform:translateY(40px)}.services__card.visible{opacity:1;transform:translateY(0)}.services__card:nth-child(1){transition-delay:0s}.services__card:nth-child(2){transition-delay:.12s}.services__card:nth-child(3){transition-delay:.24s}.services__card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.08),transparent);transition:left .6s ease;pointer-events:none}.services__card:hover:before{left:100%}.services__card:hover{transform:translateY(-12px);border-color:#3b82f666;box-shadow:0 25px 60px #3b82f633,0 0 0 1px #3b82f626}.services__icon{width:5rem;height:5rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.75rem;color:#fff;transition:transform .4s ease}.services__icon svg{width:2.25rem;height:2.25rem}.services__card:hover .services__icon{transform:scale(1.1) rotate(5deg)}.services__icon--dev{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 10px 30px #3b82f659}.services__icon--design{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 10px 30px #3b82f64d}.services__icon--fullstack{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 30px #2563eb4d}.services__card-title{font-size:var(--size-xl);font-weight:700;color:var(--clr-light);margin-bottom:1rem}.services__card-desc{font-size:var(--size-sm);color:var(--clr-slate400);line-height:1.7;margin-bottom:1.5rem}.services__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem;text-align:left}.services__list-item{display:flex;align-items:center;gap:.6rem;font-size:var(--size-sm);color:var(--clr-slate300)}.services__list-item:before{content:"✓";color:var(--clr-indigo);font-weight:700;font-size:.85rem;flex-shrink:0}.featured{opacity:0;transition:opacity .6s ease-out}.featured.visible{opacity:1}.featured__subtitle{font-size:var(--size-sm);color:var(--clr-electric);text-transform:uppercase;font-weight:600;letter-spacing:.1em}.featured__wrapper{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.featured__title{color:var(--clr-light)}.featured__link{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;padding:.6rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--clr-indigo);transition:all .3s ease}.featured__link:hover{color:var(--clr-light);background:var(--gradient-primary);border-color:transparent;transform:rotate(45deg) scale(1.08);box-shadow:var(--shadow-glow)}.featured__description{max-width:65ch;color:var(--clr-slate400);font-size:var(--size-sm);margin:1.25rem 0;line-height:1.7}.featured__info-container{display:flex;flex-wrap:wrap;gap:1.25rem;margin:2rem 0}.featured__info-tile{flex:1;min-width:min(250px,100%);background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.5rem;border-radius:1.25rem;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.featured__info-tile:hover{transform:translateY(-6px);border-color:var(--card-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.featured__label{font-size:var(--size-base);text-transform:capitalize;margin-bottom:.75em;color:var(--clr-light);font-weight:600}.featured__tech-stack{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.featured__tech-chip{background:var(--glass-bg);border:1px solid var(--glass-border);padding:.4rem .9rem;border-radius:999px;font-size:var(--size-xs);color:var(--clr-indigo);transition:all .3s ease}.featured__tech-chip:hover{background:var(--gradient-primary);border-color:transparent;color:var(--clr-light);transform:translateY(-2px)}.featured__info{font-size:var(--size-sm);color:var(--clr-slate400);text-transform:capitalize}.featured__img-container{margin-top:1rem;display:grid;grid-template-columns:1fr;grid-gap:1.25rem}.featured__img-wrapper{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s ease,box-shadow .4s ease}.featured__img-wrapper:hover{transform:translateY(-8px);border-color:var(--clr-electric);box-shadow:var(--shadow-xl),var(--shadow-glow)}.featured__img-chrome{display:flex;align-items:center;gap:.4rem;padding:.7rem .9rem;background:var(--glass-border)}.featured__img-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--clr-slate500);opacity:.6;transition:background .4s ease,opacity .4s ease}.featured__img-wrapper:hover .featured__img-dot:nth-child(1){background:#ff5f57;opacity:1}.featured__img-wrapper:hover .featured__img-dot:nth-child(2){background:#febc2e;opacity:1}.featured__img-wrapper:hover .featured__img-dot:nth-child(3){background:#28c840;opacity:1}.featured__img-frame{position:relative;overflow:hidden;aspect-ratio:1920 / 968}.featured__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.featured__img-wrapper:hover .featured__img{transform:scale(1.05)}.featured__img-caption{position:absolute;left:.9rem;bottom:.9rem;padding:.35rem .85rem;background:#060a12a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:999px;color:var(--clr-light);font-size:var(--size-xs);font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.featured__img-wrapper:hover .featured__img-caption{opacity:1;transform:translateY(0)}@media (min-width: 475px){.featured__subtitle{font-size:var(--size-base)}.featured__title{font-size:var(--size-3xl)}.featured__description{font-size:var(--size-base);margin:1.5rem 0}.featured__label{font-size:var(--size-lg)}.featured__info{font-size:var(--size-base)}.featured__img-container{margin-top:1.5rem;grid-gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width: 640px){.featured__img-container{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (min-width: 1024px){.featured__subtitle{font-size:var(--size-lg)}.featured__title{font-size:var(--size-4xl)}.featured__link{width:3.25rem;height:3.25rem}.featured__description{font-size:var(--size-lg)}.featured__label{font-size:var(--size-xl)}.featured__info{font-size:var(--size-lg)}}@media (min-width: 1280px){.featured__subtitle{font-size:var(--size-xl)}.featured__title{font-size:var(--size-5xl)}.featured__link{width:3.5rem;height:3.5rem}.featured__description{font-size:var(--size-xl);margin:2rem 0}.featured__label{font-size:var(--size-2xl)}.featured__info{font-size:var(--size-xl)}.featured__img-container{margin-top:2rem;grid-gap:2rem}}.work{position:relative}.work__title{font-size:var(--size-4xl);font-weight:900;color:var(--clr-light);margin-bottom:3rem;text-align:center}.work__grid{display:grid;grid-template-columns:1fr;gap:2rem;perspective:1000px}@media (min-width: 640px){.work__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.work__grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (min-width: 1280px){.work__grid{grid-template-columns:repeat(3,1fr);gap:3rem}}.work__project{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;cursor:pointer}.work__project:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .5s ease;z-index:0}.work__project:hover{transform:translateY(-15px) rotateX(5deg) rotateY(5deg);box-shadow:0 30px 60px #3b82f64d,0 0 0 1px #3b82f680}.work__project:hover:before{opacity:.05}.work__project:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(255,255,255,.16),transparent 45%);opacity:0;transition:opacity .4s ease;z-index:3;pointer-events:none}.work__project:hover:after{opacity:1}.work__img-wrapper{position:relative;width:100%;height:250px;overflow:hidden;background:var(--clr-slate800)}.work__img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.23,1,.32,1)}.work__project:hover .work__img{transform:scale(1.1) rotate(2deg)}.work__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(10,14,26,.8) 100%);opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;z-index:2}.work__project:hover .work__overlay{opacity:1}.work__view-btn{padding:1rem 2rem;background:var(--gradient-primary);color:var(--clr-light);border-radius:.75rem;font-weight:700;transform:translateY(20px);opacity:0;transition:all .5s ease .1s}.work__project:hover .work__view-btn{transform:translateY(0);opacity:1}.work__content{padding:2rem;position:relative;z-index:1}.work__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.work__tag{padding:.4rem .8rem;background:var(--card-bg);border:1px solid var(--card-border-hover);border-radius:.5rem;font-size:var(--size-xs);color:var(--clr-indigo);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.work__project:hover .work__tag{background:var(--card-bg-hover);border-color:var(--clr-indigo)}.work__project-title{font-size:var(--size-xl);font-weight:700;color:var(--clr-light);margin-bottom:.75rem;transition:color .3s ease}.work__project:hover .work__project-title{color:var(--clr-accent-bright)}.work__project-description{font-size:var(--size-sm);color:var(--clr-slate400);line-height:1.6;margin-bottom:1.5rem}@media (max-width: 768px){.work__grid{grid-template-columns:1fr;gap:2rem}.work__project:hover{transform:translateY(-10px)}}.testimonials{position:relative;overflow:hidden}.testimonials__header{text-align:center;margin-bottom:4rem}.testimonials__label{display:inline-block;font-family:Courier New,monospace;font-size:var(--size-sm);color:var(--clr-indigo);font-weight:600;letter-spacing:.1em;margin-bottom:1rem}.testimonials__title{font-size:clamp(1.75rem,5vw,var(--size-5xl));font-weight:900;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.testimonials__subtitle{font-size:var(--size-lg);color:var(--clr-slate400);max-width:600px;margin:0 auto;line-height:1.7}.testimonials__wrapper{position:relative;overflow:hidden;max-width:900px;margin:0 auto}.testimonials__track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.testimonials__card{min-width:100%;padding:0 1rem;box-sizing:border-box}.testimonials__card-inner{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;padding:3rem 2.5rem;position:relative;overflow:hidden;transition:border-color .3s ease}.testimonials__card-inner:hover{border-color:#3b82f659}.testimonials__quote-mark{position:absolute;top:1.5rem;right:2rem;font-size:8rem;line-height:1;font-family:Georgia,serif;font-weight:900;color:var(--clr-slate800);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none}.testimonials__stars{display:flex;gap:.25rem;margin-bottom:1.5rem;font-size:1.2rem}.testimonials__text{font-size:var(--size-base);color:var(--clr-slate300);line-height:1.8;font-style:italic;margin-bottom:2rem;position:relative;z-index:1}.testimonials__author{display:flex;align-items:center;gap:1rem}.testimonials__avatar{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.02em;flex-shrink:0;box-shadow:0 4px 20px #3b82f64d}.testimonials__author-name{font-size:var(--size-base);font-weight:700;color:var(--clr-light);margin-bottom:.2rem}.testimonials__author-role{font-size:var(--size-sm);color:var(--clr-indigo);font-weight:600}.testimonials__nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2.5rem}.testimonials__btn{width:3rem;height:3rem;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--clr-slate400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem}.testimonials__btn:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 8px 20px #3b82f659}.testimonials__dots{display:flex;gap:.5rem;align-items:center}.testimonials__dot{width:8px;height:8px;border-radius:100px;background:var(--glass-border);cursor:pointer;transition:all .3s ease}.testimonials__dot.active{background:var(--gradient-primary);width:24px;box-shadow:0 2px 12px #3b82f680}@media (max-width: 767px){.testimonials__card-inner{padding:2.25rem 1.5rem}.testimonials__quote-mark{font-size:5rem;top:1rem;right:1.25rem}.testimonials__nav{gap:1rem}.testimonials__dot{padding:6px;width:8px;height:8px;background-clip:content-box;box-sizing:content-box}.testimonials__dot.active{width:24px}}.testimonials__progress-track{width:100%;height:2px;background:#3b82f61a;border-radius:100px;margin-top:1.5rem;overflow:hidden}.testimonials__progress-fill{height:100%;background:var(--gradient-primary);border-radius:100px;transition:width 4s linear}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070b18d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.75rem;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(40px) scale(.97);transition:transform .4s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal__close{position:sticky;top:1rem;float:right;width:2.75rem;height:2.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--clr-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin:1rem 1rem 0 0;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__close:hover{background:#ef444426;border-color:#ef444466;color:#ef4444;transform:rotate(90deg) scale(1.1)}.modal__image-wrapper{width:100%;height:280px;overflow:hidden;border-radius:1.25rem 1.25rem 0 0;position:relative;background:var(--glass-bg)}.modal__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.modal__image:hover{transform:scale(1.04)}.modal__image-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--card-bg),transparent);pointer-events:none}.modal__body{padding:2rem 2.5rem 2.5rem}.modal__category{font-size:var(--size-xs);font-weight:700;color:var(--clr-indigo);text-transform:uppercase;letter-spacing:.1em;font-family:Courier New,monospace;margin-bottom:.75rem}.modal__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.modal__description{font-size:var(--size-base);color:var(--clr-slate400);line-height:1.8;margin-bottom:2rem}.modal__tech-title{font-size:var(--size-sm);font-weight:700;color:var(--clr-slate300);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.modal__tech-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.modal__chip{padding:.4rem .9rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:100px;font-size:var(--size-xs);font-weight:600;color:var(--clr-indigo);letter-spacing:.04em}.modal__cta{display:flex;gap:1rem;flex-wrap:wrap}.modal__cta-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.75rem;border-radius:.75rem;font-size:var(--size-sm);font-weight:600;text-decoration:none;transition:all .3s ease}.modal__cta-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px #3b82f659}.modal__cta-btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f680}.modal__cta-btn--secondary{background:var(--glass-bg);color:var(--clr-light);border:1px solid var(--glass-border)}.modal__cta-btn--secondary:hover{border-color:var(--clr-indigo);transform:translateY(-3px);box-shadow:0 8px 20px #3b82f626}.modal__cta-btn svg{width:1.25rem;height:1.25rem}.modal__divider{height:1px;background:var(--card-border);margin:2rem 0}@media (min-width: 640px){.modal__image-wrapper{height:340px}}@media (max-width: 479px){.modal-overlay{padding:.75rem}.modal__body{padding:1.5rem 1.25rem 1.75rem}.modal__image-wrapper{height:200px}.modal__cta-btn{flex:1 1 auto;justify-content:center}}.contact{opacity:0;transition:opacity .6s ease-out;position:relative}.contact.visible{opacity:1}.contact__container{max-width:1400px}.contact__header{text-align:center;margin-bottom:4rem}.contact__label{display:inline-block;font-family:Courier New,monospace;font-size:var(--size-sm);color:var(--clr-indigo);font-weight:600;margin-bottom:1rem}.contact__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.contact__description{font-size:var(--size-base);color:var(--clr-slate400);max-width:700px;margin:0 auto;line-height:1.7}.contact__methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));gap:1.25rem;margin-bottom:4rem}.contact__method{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.25rem;padding:1.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.contact__method:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.contact__method-icon{width:3.5rem;height:3.5rem;background:var(--gradient-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact__method-icon svg{width:2rem;height:2rem;color:var(--clr-light)}.contact__method-content{flex:1 1 8rem;min-width:0}.contact__method-title{font-size:var(--size-base);font-weight:600;color:var(--clr-light);margin-bottom:.25rem}.contact__method-text{font-size:var(--size-sm);color:var(--clr-slate400);overflow-wrap:anywhere;word-break:break-word}.contact__content{display:grid;grid-template-columns:1fr;gap:3rem}.contact__form-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact__form-header{margin-bottom:2rem}.contact__form-title{font-size:var(--size-xl);font-weight:700;color:var(--clr-light);margin-bottom:.5rem}.contact__form-subtitle{font-size:var(--size-sm);color:var(--clr-slate400);line-height:1.6}.contact__form{display:flex;flex-direction:column;gap:1.5rem}.contact__form-group{display:flex;flex-direction:column;gap:.5rem}.contact__label-text{font-size:var(--size-sm);font-weight:600;color:var(--clr-slate300)}.contact__input,.contact__textarea{width:100%;padding:1rem 1.25rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.75rem;color:var(--clr-light);font-size:var(--size-sm);font-family:inherit;transition:all .3s ease}.contact__input:focus,.contact__textarea:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--card-bg-hover)}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--clr-slate500)}.contact__textarea{resize:vertical;min-height:150px}.contact__submit{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2.5rem;background:var(--gradient-primary);color:var(--clr-light);border:none;border-radius:.75rem;font-size:var(--size-base);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #3b82f64d}.contact__submit svg{width:1.5rem;height:1.5rem;transition:transform .3s ease}.contact__submit:hover{transform:translateY(-3px);box-shadow:0 15px 40px #3b82f680}.contact__submit:hover svg{transform:translate(5px)}.contact__info{display:flex;flex-direction:column;gap:1.5rem}.contact__info-card{padding:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;transition:all .3s ease}.contact__info-card:hover{background:var(--card-bg-hover);border-color:var(--card-border);transform:translateY(-3px)}.contact__info-card--highlight{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:var(--card-border-hover)}.contact__availability{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.contact__availability-dot{width:.75rem;height:.75rem;background:var(--clr-emerald);border-radius:50%;animation:pulse 2s ease-in-out infinite}.contact__availability-text{font-size:var(--size-sm);font-weight:600;color:var(--clr-emerald)}.contact__info-icon{width:3rem;height:3rem;background:var(--gradient-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.contact__info-icon svg{width:1.75rem;height:1.75rem;color:var(--clr-light)}.contact__info-title{font-size:var(--size-base);font-weight:700;color:var(--clr-light);margin-bottom:.75rem}.contact__info-text{font-size:var(--size-sm);color:var(--clr-slate400);line-height:1.6}.contact__social{display:flex;gap:1rem;margin-top:1rem}.contact__social-link{width:2.75rem;height:2.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--clr-slate400);transition:all .3s ease}.contact__social-link svg{width:1.5rem;height:1.5rem}.contact__social-link:hover{background:var(--gradient-primary);color:var(--clr-light);transform:translateY(-3px) rotate(5deg);box-shadow:var(--shadow-glow)}@media (min-width: 768px){.contact__form-wrapper{padding:3rem}}@media (min-width: 1024px){.contact__content{grid-template-columns:1.5fr 1fr;gap:4rem}.contact__form-title{font-size:var(--size-2xl)}}.contact-notification{position:relative;padding:1.25rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.contact-notification--success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.contact-notification--error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.contact-notification__content{display:flex;align-items:center;gap:1rem}.contact-notification__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1.25rem;font-weight:700;flex-shrink:0}.contact-notification--success .contact-notification__icon{background:#22c55e33;color:#22c55e}.contact-notification--error .contact-notification__icon{background:#ef444433;color:#ef4444}.contact-notification__message{font-size:var(--size-sm);line-height:1.6;flex:1}.contact-notification--fade-out{animation:fadeOut .3s ease-out forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact__submit:disabled{opacity:.7;cursor:not-allowed}.contact__submit:disabled:hover{transform:none;box-shadow:0 10px 30px #3b82f64d}@media (max-width: 640px){.contact-notification{padding:1rem}.contact-notification__content{gap:.75rem}.contact-notification__icon{width:1.5rem;height:1.5rem;font-size:1rem}.contact-notification__message{font-size:var(--size-xs)}}.toast-container{position:fixed;bottom:5rem;right:1.5rem;left:1.5rem;z-index:99997;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:none}@media (max-width: 479px){.toast-container{right:1rem;left:1rem}.toast{width:100%;min-width:0;max-width:none}}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.875rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:260px;max-width:360px;box-shadow:0 10px 40px #0006,0 0 0 1px #3b82f633;pointer-events:auto;transform:translate(110%);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.toast.show{transform:translate(0);opacity:1}.toast.hide{transform:translate(120%);opacity:0;transition:transform .35s ease,opacity .3s ease}.toast__icon{width:2.25rem;height:2.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.toast--success .toast__icon{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.toast--error .toast__icon{background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.toast--info .toast__icon{background:#3b82f61f;border:1px solid rgba(59,130,246,.25)}.toast__title{font-size:var(--size-sm);font-weight:700;color:var(--clr-light);margin-bottom:.15rem}.toast__message{font-size:var(--size-xs);color:var(--clr-slate400)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:.875rem 0 0 .875rem}.toast--success:before{background:linear-gradient(180deg,#10b981,#059669)}.toast--error:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.toast--info:before{background:var(--gradient-primary)}.contact__copy-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.5rem;color:var(--clr-slate400);font-size:var(--size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto;flex-shrink:0}.contact__copy-btn svg{width:.9rem;height:.9rem}.contact__copy-btn:hover{background:#3b82f61a;border-color:var(--clr-indigo);color:var(--clr-indigo);transform:scale(1.05)}.contact__copy-btn.copied{background:#10b9811f;border-color:#10b98159;color:#10b981}.footer{position:relative;margin-top:8rem;padding:0;overflow:hidden}.footer__wave{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:translateY(-99%)}.footer__wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:120px;color:#3b82f61a}.footer__cta{text-align:center;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border-bottom:1px solid var(--card-border)}.footer__cta-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;color:var(--clr-light);margin-bottom:1rem;line-height:1.2}.footer__cta-text{color:var(--clr-slate400);font-size:var(--size-base);max-width:600px;margin:0 auto 2rem;line-height:1.6}.footer__cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--gradient-primary);color:#fff;text-decoration:none;font-size:var(--size-base);font-weight:600;border-radius:.75rem;transition:all .3s ease;box-shadow:var(--shadow-glow)}.footer__cta-btn svg{width:1.5rem;height:1.5rem;transition:transform .3s ease}.footer__cta-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.footer__cta-btn:hover svg{transform:translate(5px)}.footer__container{padding:4rem 2rem 2rem}.footer__content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}.footer__brand{text-align:center}.footer__logo{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer__logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}.footer__logo-text{font-size:1.5rem;font-weight:700;color:var(--clr-light)}.footer__tagline{color:var(--clr-slate400);font-size:var(--size-sm);line-height:1.6;margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto}.footer__social{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footer__social-link{width:3rem;height:3rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--clr-slate400);transition:all .3s ease}.footer__social-link svg{width:1.5rem;height:1.5rem}.footer__social-link:hover{background:var(--gradient-primary);color:var(--clr-light);transform:translateY(-5px) rotate(5deg);box-shadow:0 10px 25px #3b82f666}.footer__column{text-align:center}.footer__heading{font-size:var(--size-base);color:var(--clr-light);margin-bottom:1.5rem;font-weight:600;position:relative;display:inline-block}.footer__heading:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--gradient-primary)}.footer__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.footer__list--contact{gap:1.25rem}.footer__link{color:var(--clr-slate400);text-decoration:none;font-size:var(--size-sm);transition:all .3s ease;display:inline-block;position:relative}.footer__link:hover{color:var(--clr-indigo);transform:translate(5px)}.footer__contact-item{display:flex;align-items:center;justify-content:center;gap:.75rem}.footer__contact-item svg{width:1.25rem;height:1.25rem;color:var(--clr-indigo);flex-shrink:0}.footer__bottom{padding-top:2rem;border-top:1px solid rgba(59,130,246,.1);text-align:center;display:flex;flex-direction:column;gap:.75rem}.footer__copyright,.footer__made-with{color:var(--clr-slate500);font-size:var(--size-xs)}.footer__heart{color:var(--clr-pink);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;background:var(--gradient-primary);border:none;border-radius:50%;color:var(--clr-light);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #3b82f666;opacity:0;visibility:hidden;transform:translateY(100px);transition:all .3s ease;z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top svg{width:1.75rem;height:1.75rem}.scroll-to-top:hover{transform:translateY(-5px) rotate(10deg);box-shadow:0 15px 40px #3b82f699}@media (min-width: 640px){.footer__content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.footer__cta{padding:8rem 2rem 5rem}.footer__content{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;text-align:left}.footer__brand{text-align:left}.footer__tagline{margin-left:0;margin-right:0}.footer__social{justify-content:flex-start}.footer__column{text-align:left}.footer__heading:after{left:0;transform:translate(0)}.footer__contact-item{justify-content:flex-start}.footer__bottom{flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.footer__container{padding:5rem 3rem 2rem}.footer__cta{padding:8rem 3rem 6rem}.footer__cta-title{font-size:3rem}.footer__content{gap:4rem}}@media (min-width: 1280px){.footer__cta-title{font-size:3.5rem}.footer__content{gap:5rem}}.mobile-nav{position:fixed;top:0;left:0;z-index:998;width:100%;height:100vh;height:100dvh;background:var(--header-bg-scrolled);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:none;justify-content:center;align-items:center;text-align:center;overflow-y:auto;overflow-x:hidden;padding:6rem 1.5rem 3rem;box-sizing:border-box}.mobile-nav__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:.12;filter:blur(90px);pointer-events:none;z-index:-1}.mobile-nav__menu{list-style:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:340px}.mobile-nav__menu>li{width:100%;animation:fadeInUp .5s ease-out backwards}.mobile-nav__menu>li:nth-child(1){animation-delay:.05s}.mobile-nav__menu>li:nth-child(2){animation-delay:.1s}.mobile-nav__menu>li:nth-child(3){animation-delay:.15s}.mobile-nav__menu>li:nth-child(4){animation-delay:.2s}.mobile-nav__menu>li:nth-child(5){animation-delay:.25s}.mobile-nav__menu>li:nth-child(6){animation-delay:.3s}.mobile-nav__link{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:44px;padding:.85rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;font-size:var(--size-lg);text-decoration:none;font-weight:600;color:var(--clr-slate300);letter-spacing:-.02em;transition:all .3s ease}.mobile-nav__link-number{color:var(--clr-indigo);font-family:Courier New,monospace;font-size:var(--size-sm);font-weight:600}.mobile-nav__link:hover,.mobile-nav__link:active{color:var(--clr-light);border-color:var(--clr-electric);background:var(--card-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.mobile-nav__link-line{width:100%;max-width:4rem;height:2px;background:var(--gradient-primary);opacity:.3;margin:.5rem auto;list-style:none}.mobile-nav__sun{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--clr-slate300);transition:all .3s ease}.mobile-nav__sun svg{width:1.4rem;height:1.4rem}.mobile-nav__sun:hover{background:var(--gradient-primary);color:var(--clr-light);transform:rotate(20deg);box-shadow:var(--shadow-glow)}.mobile-nav__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.85rem 2rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:var(--size-sm);text-decoration:none;letter-spacing:-.01em;background:var(--clr-accent);color:#fff;padding:.75em 1.5em;border-radius:var(--radius-md);box-shadow:var(--shadow-accent);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.btn:hover{background:var(--clr-accent-bright);transform:translateY(-2px);box-shadow:0 12px 28px -8px #3b82f699}.btn:active{transform:translateY(0)}.btn,.hero__btn,.footer__cta-btn,.testimonials__btn,.work__view-btn,.mobile-nav__btn{text-decoration:none}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.section{margin-top:5rem;position:relative;z-index:2}.loading{filter:blur(40px) grayscale(100%)}.loaded{filter:blur(0) grayscale(0);transition:.7s ease-in-out}.skills__header,.services__header,.experience__header,.testimonials__header,.work__header,.contact__header{text-align:center;margin-bottom:clamp(3rem,6vw,4.5rem)}.skills__label,.services__label,.experience__label,.testimonials__label,.work__label,.contact__label,.about__label,.featured__subtitle{display:inline-flex;align-items:center;gap:.5rem;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:var(--size-xs);color:var(--clr-accent-bright);font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem;padding:.35rem .85rem;border:1px solid var(--card-border);border-radius:999px;background:var(--clr-accent-subtle)}.skills__title,.services__title,.experience__title,.testimonials__title,.work__title,.contact__title,.about__title,.featured__title{font-size:clamp(2rem,5vw,var(--size-5xl));font-weight:700;letter-spacing:-.03em;color:var(--clr-light);margin-bottom:1.125rem;line-height:1.1}.skills__subtitle,.services__subtitle,.experience__subtitle,.testimonials__subtitle,.work__subtitle,.contact__description{font-size:var(--size-base);color:var(--clr-slate400);max-width:58ch;margin:0 auto;line-height:1.7;text-wrap:pretty}.skills__item,.services__card,.work__project,.experience__card,.testimonials__card-inner{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}.skills__item:hover,.services__card:hover,.experience__card:hover,.testimonials__card-inner:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.work__project:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-xl)}@media (min-width: 475px){.container{max-width:475px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 640px){.container{max-width:640px;padding-left:2rem;padding-right:2rem}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:95%;padding-left:2.5rem;padding-right:2.5rem}.section{margin-top:8rem}}@media (min-width: 1280px){.container{max-width:1200px;padding-left:3rem;padding-right:3rem}.section{margin-top:10rem}}@media (min-width: 1536px){.container{max-width:1400px}}@media (min-width: 1920px){.container{max-width:1600px}}