:root{--color-primary: #818cf8;--color-primary-dark: #6366f1;--color-primary-light: #a5b4fc;--color-dark: #f8fafc;--color-dark-alt: #e2e8f0;--color-gray: #94a3b8;--color-gray-light: #64748b;--color-light: #1e293b;--color-white: #0f172a;--color-accent: #ec4899;--color-accent-alt: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", "Inter", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .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;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--container-max-width: 1280px;--container-padding: var(--space-lg);--grid-gap: var(--space-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{padding:.125rem .25rem;background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary)}::selection{background-color:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}[data-animate].animate-in{opacity:1;transform:translateY(0)}[data-animate]:nth-child(1){transition-delay:.1s}[data-animate]:nth-child(2){transition-delay:.2s}[data-animate]:nth-child(3){transition-delay:.3s}[data-animate]:nth-child(4){transition-delay:.4s}[data-animate]:nth-child(5){transition-delay:.5s}[data-animate]:nth-child(6){transition-delay:.6s}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-animate]{opacity:1;transform:none}}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);position:relative}.section__title{margin-bottom:var(--space-md);text-align:center;font-size:clamp(2rem,4vw,3rem);font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section__subtitle{margin-top:var(--space-sm);margin-bottom:var(--space-3xl);font-size:var(--text-xl);font-weight:var(--weight-regular);color:var(--text-secondary);text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#0f172acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.header--scrolled{background:#0f172af2;box-shadow:0 4px 20px #0000004d}.header__container{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);padding-bottom:var(--space-md)}.header__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-fast)}.header__logo:hover{transform:scale(1.05)}.nav__list{display:flex;gap:var(--space-xl);align-items:center}.nav__link{font-weight:var(--weight-medium);color:var(--text-primary);position:relative;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.nav__link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.nav__link:hover{color:var(--color-primary);transform:translateY(-2px)}.nav__link:hover:after,.nav__link--active:after{width:80%}.nav__link--active{color:var(--color-primary);font-weight:var(--weight-semibold)}.nav__toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav__toggle-line{width:24px;height:2px;background-color:var(--text-primary);transition:all var(--transition-base)}@media (max-width: 968px){.header__container{position:relative}.nav__toggle{display:flex;order:-1;position:absolute;left:0;z-index:1001}.header__logo{margin:0 auto}.header__controls{position:absolute;right:0}.nav__list{position:fixed;top:0;right:-100%;width:80%;max-width:350px;height:100vh;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);flex-direction:column;padding:var(--space-4xl) var(--space-xl);box-shadow:-10px 0 40px #0003;transition:right var(--transition-slow);gap:var(--space-lg);align-items:flex-start;z-index:1000}.nav__list--active{right:0}.nav__link{font-size:var(--text-lg);width:100%;padding:var(--space-md)}.nav__toggle--active .nav__toggle-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle--active .nav__toggle-line:nth-child(2){opacity:0}.nav__toggle--active .nav__toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.nav__link--highlight{color:var(--color-primary-light);font-weight:var(--weight-bold);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:.5rem 1rem}.nav__link--highlight:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.nav__link--highlight:after{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;padding-bottom:60px;background:var(--bg-primary);position:relative;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0}.aurora-blob--1{top:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#8b5cf666,#8b5cf600 70%)}.aurora-blob--2{bottom:-10%;left:-10%;width:40vw;height:40vw;background:radial-gradient(circle,#ec489966,#ec489900 70%)}.aurora-blob--3{top:40%;left:50%;transform:translate(-50%,-50%);width:30vw;height:30vw;background:radial-gradient(circle,#3b82f666,#3b82f600 70%)}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);margin-bottom:var(--space-lg);opacity:0;animation:slideUp .6s ease-out .1s forwards}.hero__badge-text{color:#10b981;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.hero__greeting{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-md);opacity:0;animation:slideUp .6s ease-out .2s forwards}.hero__title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-lg);line-height:1.1;font-family:var(--font-display);opacity:0;animation:slideUp .6s ease-out .4s forwards}.hero__title-sub{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--weight-medium);color:var(--text-secondary)}.hero__title-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero__title-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background:var(--gradient-accent);opacity:.3;border-radius:var(--radius-full);z-index:-1}.hero__description{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:600px;line-height:var(--leading-relaxed);opacity:0;animation:slideUp .6s ease-out .6s forwards}.hero__description strong{color:var(--color-primary);font-weight:var(--weight-semibold)}.hero__tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl);opacity:0;animation:slideUp .6s ease-out .7s forwards}.tech-badge{padding:var(--space-xs) var(--space-md);background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary);transition:all var(--transition-fast)}.tech-badge:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #6366f14d}.hero__cta{display:flex;gap:var(--space-md);flex-wrap:wrap;opacity:0;animation:slideUp .6s ease-out .8s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__image{display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .8s ease-out 1s forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero__code-block{width:100%;max-width:500px}.code-window{background:#1e293bf2;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1)}.code-window__header{padding:var(--space-md) var(--space-lg);background:#0003;display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.code-window__dot{width:12px;height:12px;border-radius:50%}.code-window__dot--red{background:#ff5f56}.code-window__dot--yellow{background:#ffbd2e}.code-window__dot--green{background:#27c93f}.code-window__title{margin-left:auto;font-size:var(--text-sm);color:var(--color-gray-light);font-family:var(--font-mono)}.code-window__body{padding:var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary)}.code-keyword{color:#c678dd}.code-function{color:#61afef}.code-property{color:#e06c75}.code-string{color:#98c379}.hero__image img{width:100%;max-width:500px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));animation:float 4s ease-in-out infinite}@media (max-width: 968px){.hero{padding-bottom:var(--space-4xl)}.hero__container{grid-template-columns:1fr;gap:var(--space-2xl)}.hero__title{font-size:clamp(2rem,5vw,2.5rem)}.hero__description{font-size:var(--text-lg)}.hero__content{order:-1}.hero__image img{max-width:350px}}@media (max-width: 568px){.hero{padding-top:100px}.hero__title{font-size:1.875rem}.hero__description{font-size:var(--text-base)}.hero__cta{flex-direction:column;width:100%}.hero__cta .btn{width:100%;justify-content:center}}@media (max-width: 420px){.hero{padding-top:100px;padding-bottom:var(--space-2xl);min-height:auto}.hero__container{gap:var(--space-xl);align-items:start}.hero__badge{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-md)}.hero__title{font-size:1.5rem;line-height:1.15}.hero__description{font-size:var(--text-sm);max-width:100%}.hero__code-block{max-width:320px}.code-window__body{padding:var(--space-md);font-size:14px}.hero__image img{max-width:260px;animation:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.hero:before,.hero:after{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-weight:var(--weight-semibold);font-size:var(--text-base);border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;z-index:1}.btn svg{transition:transform var(--transition-base)}.btn:hover svg{transform:translate(4px) scale(1.1)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.btn:hover:before{width:300px;height:300px}.btn--primary{background:var(--gradient-primary);color:var(--color-white);border:none;box-shadow:0 4px 15px #667eea66}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.btn--primary:active{transform:translateY(-1px)}.btn--secondary{background:#6366f11a;color:var(--color-primary);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg)}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.project-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%;position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.project-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.3) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.project-card:hover:before,.project-card:hover:after{opacity:1}.project-card:hover{transform:translateY(-16px) scale(1.02);box-shadow:0 24px 60px #6366f140;border-color:#6366f166}.project-card__image{position:relative;width:100%;height:250px;overflow:hidden;background:var(--bg-secondary)}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-card__image img{transform:scale(1.1)}.project-card__content{padding:var(--space-xl);flex:1;display:flex;flex-direction:column}.project-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--text-primary)}.project-card__description{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-lg);flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.project-card__tag{padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-fast)}.project-card__tag:hover{background:var(--gradient-primary);color:var(--color-white);transform:translateY(-2px)}.project-card__links{display:flex;gap:var(--space-md);margin-top:auto}.project-card__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:var(--weight-medium);color:var(--color-primary);transition:all var(--transition-fast);position:relative;z-index:2;cursor:pointer}.project-card__link:hover{color:var(--color-primary-dark);transform:translate(4px)}.project-card__link-icon{width:16px;height:16px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--grid-gap)}@media (max-width: 768px){.project-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);max-width:1100px;margin:0 auto}@media (max-width: 768px){.skills__grid{grid-template-columns:1fr}}.skill-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{transform:translateY(-8px);background:#ffffff14;box-shadow:0 20px 40px #6366f133;border-color:#6366f14d}.skill-card__icon{width:48px;height:48px;margin-bottom:var(--space-lg);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.skill-card__icon svg{width:100%;height:100%}.skill-card__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-xl);color:var(--text-primary);font-family:var(--font-display)}.skill-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{padding:var(--space-sm) var(--space-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);transition:all var(--transition-fast);cursor:default}.skill-tag:hover{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.about__grid{display:grid;grid-template-columns:300px 1fr;gap:var(--space-3xl);max-width:1100px;margin:0 auto;align-items:start}@media (max-width: 968px){.about__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about__image{max-width:300px;margin:0 auto}}@media (max-width: 568px){.about__grid{gap:var(--space-xl)}.about__image{max-width:250px}.about__image-wrapper{border-width:2px}.about__content p{font-size:var(--text-base)}}.about .section__subtitle{color:var(--text-secondary)}.about__content{max-width:100%}.about__content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-lg)}.about__content p:last-child{margin-bottom:var(--space-2xl)}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}@media (max-width: 568px){.about__stats{grid-template-columns:1fr}}.stat-card{text-align:center;padding:var(--space-xl);background:#6366f10d;border:2px solid rgba(99,102,241,.1);border-radius:var(--radius-xl);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-8px);border-color:var(--color-primary);background:#6366f11a;box-shadow:0 10px 30px #6366f133}.stat-card__number{font-size:var(--text-4xl);font-weight:var(--weight-bold);font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.stat-card__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.5px}.about__image{position:relative}.about__image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:3px solid rgba(99,102,241,.2);transition:all var(--transition-base)}.about__image-wrapper:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 40px #6366f14d}.about__image-wrapper img{width:100%;height:auto;display:block;border-radius:var(--radius-xl);transition:transform var(--transition-slow)}.about__image-wrapper:hover img{transform:scale(1.05)}.about__image-decoration{position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:var(--gradient-primary);border-radius:50%;opacity:.15;z-index:-1;filter:blur(60px);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-10px,-10px)}}.contact__content{max-width:1200px;margin:0 auto}.contact__grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-3xl);align-items:start}@media (max-width: 968px){.contact__grid{grid-template-columns:1fr;gap:var(--space-2xl)}}.contact__info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-3xl)}.contact__info-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-md);color:var(--text-primary)}.contact__info-text{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2xl)}.contact__methods{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__method{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;cursor:pointer}.contact__method:hover{background:#ffffff14;border-color:var(--color-primary);transform:translate(4px)}.contact__method-icon{width:48px;height:48px;flex-shrink:0;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.contact__method-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.contact__method-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.contact__method-value{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);word-break:break-all}.contact__method:hover .contact__method-value{color:var(--color-primary)}.contact__cta-card{position:sticky;top:100px;background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center}@media (max-width: 968px){.contact__cta-card{position:static}}.contact__cta-content{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__cta-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#fff}.contact__cta-text{color:#ffffffe6;line-height:1.6}.contact__cta-card .btn{background:#fff;color:var(--color-primary);border:none;width:100%;justify-content:center}.contact__cta-card .btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.current-work__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);max-width:1100px;margin:0 auto}@media (max-width: 768px){.current-work__grid{grid-template-columns:1fr}}.work-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.work-card:hover:before{transform:scaleX(1)}.work-card:hover{transform:translateY(-8px);background:#ffffff14;box-shadow:0 20px 40px #6366f133;border-color:#6366f14d}.work-card__status{margin-bottom:var(--space-lg)}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.status-badge--planning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.status-badge--private{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.work-card__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-md);color:var(--text-primary);font-family:var(--font-display)}.work-card__description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-lg)}.work-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tech-tag{padding:var(--space-xs) var(--space-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.footer{background:var(--bg-secondary);color:var(--text-primary);padding-top:var(--space-4xl);padding-bottom:var(--space-2xl);border-top:1px solid rgba(255,255,255,.05)}.footer__container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer__logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.footer__tagline{color:var(--text-secondary);font-size:var(--text-base);max-width:300px;line-height:1.6}.footer__status{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-sm)}.status-dot{width:8px;height:8px;background-color:var(--color-success);border-radius:50%;box-shadow:0 0 0 4px #10b9811a;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.footer__group{display:flex;flex-direction:column;gap:var(--space-lg)}.footer__title{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em}.footer__links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__link{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__text--sm{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}@media (max-width: 968px){.footer__container{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer__brand{grid-column:1 / -1;margin-bottom:var(--space-lg)}}@media (max-width: 480px){.footer__container{grid-template-columns:1fr}}