.navbar{z-index:1000;height:var(--nav-height);transition:background var(--transition-base), box-shadow var(--transition-base), backdrop-filter var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--color-border), var(--shadow-sm);background:#ffffffeb}.navbar__container{max-width:var(--max-width);padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-xl);height:100%;margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:var(--spacing-sm);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo-initials{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);width:36px;height:36px;font-weight:800;font-size:var(--font-size-base);letter-spacing:-.02em;box-shadow:var(--shadow-accent);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__logo:hover .navbar__logo-initials{transform:scale(1.05)}.navbar__logo-text{font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.01em}.navbar__links{align-items:center;gap:var(--spacing-xs);list-style:none;display:flex}.navbar__link{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);font-weight:500;text-decoration:none}.navbar__link:hover{color:var(--color-accent);background:var(--color-accent-lighter)}.navbar__actions{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.navbar__lang-toggle{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.05em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 10px;font-weight:600;display:flex}.navbar__lang-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.lang-active{color:var(--color-accent);font-weight:700}.lang-divider{color:var(--color-border);font-weight:300}.navbar__cta{font-size:var(--font-size-sm);color:var(--color-text-on-accent);background:var(--color-accent);border-radius:var(--radius-sm);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-accent);padding:8px 20px;font-weight:600;text-decoration:none}.navbar__cta:hover{background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 8px 24px #4f46e54d}.navbar__hamburger{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;transition:border-color var(--transition-fast);flex-direction:column;justify-content:center;gap:5px;padding:6px;display:none}.navbar__hamburger:hover{border-color:var(--color-accent)}.navbar__hamburger span{background:var(--color-text-primary);width:100%;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:2px;display:block}.navbar__hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger.open span:nth-child(2){opacity:0}.navbar__hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{top:var(--nav-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);opacity:0;pointer-events:none;transition:transform var(--transition-base), opacity var(--transition-base);background:#fffffff7;display:none;position:fixed;left:0;right:0;transform:translateY(-10px)}.navbar__mobile-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar__mobile-menu ul{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.navbar__mobile-link{font-size:var(--font-size-base);color:var(--color-text-secondary);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:block}.navbar__mobile-link:hover{color:var(--color-accent)}.navbar__lang-toggle--mobile{font-size:var(--font-size-sm);background:0 0;border:none;padding:0}.navbar__logo-text-short,.navbar__logo-text-tiny{display:none}.navbar__logo-text-full{display:inline}@media (width<=1024px){.navbar__logo-text-full{display:none}.navbar__logo-text-short{display:inline}.navbar__links{gap:4px}.navbar__link{font-size:var(--font-size-xs);padding:6px 8px}.navbar__container{gap:var(--spacing-md)}.navbar__actions{gap:var(--spacing-sm)}}@media (width<=768px){.navbar__links,.navbar__cta{display:none}.navbar__hamburger,.navbar__mobile-menu{display:flex}.navbar__mobile-menu{display:block}}@media (width<=480px){.navbar__logo-text-short{display:none}.navbar__logo-text-tiny{display:inline}}.hero{min-height:100vh;padding-top:var(--nav-height);background:var(--color-bg);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__bg-grid{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.4;z-index:0;background-size:48px 48px;position:absolute;inset:0}.hero__bg-blob{filter:blur(80px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.hero__bg-blob--1{background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite blobFloat;top:-100px;right:-100px}.hero__bg-blob--2{background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse blobFloat;bottom:0;left:-50px}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-10px,10px)scale(.97)}}.hero__container{gap:var(--spacing-4xl);z-index:1;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__content{max-width:600px}.hero__badges{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;animation:.6s both fadeInUp;display:flex}.hero__badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex}.hero__badge--dev{color:var(--color-accent);background:var(--color-accent-lighter);border:1px solid #4f46e533}.hero__badge--legal{color:#7c3aed;background:#ede9fe;border:1px solid #7c3aed33}.hero__badge--location{color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hero__greeting{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-weight:500;animation:.6s .1s both fadeInUp}.hero__name{letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.05;animation:.6s .2s both fadeInUp}.hero__title{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--spacing-lg);font-weight:600;animation:.6s .3s both fadeInUp}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.7;animation:.6s .4s both fadeInUp}.hero__ctas{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;animation:.6s .5s both fadeInUp;display:flex}.hero__cta-primary{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-accent);transition:all var(--transition-base);padding:14px 28px;font-weight:600;text-decoration:none;display:inline-flex}.hero__cta-primary:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 12px 40px #4f46e559}.hero__cta-primary svg{transition:transform var(--transition-fast)}.hero__cta-primary:hover svg{transform:translate(4px)}.hero__cta-secondary{font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;display:inline-flex}.hero__cta-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-lighter);transform:translateY(-2px)}.hero__visual{height:440px;animation:.8s .3s both fadeIn;position:relative}.hero__card{align-items:center;gap:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md);min-width:200px;transition:transform var(--transition-slow), box-shadow var(--transition-slow);display:flex;position:absolute}.hero__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hero__card--1{animation:6s ease-in-out infinite floatCard;top:10px;left:0}.hero__card--2{animation:7s ease-in-out 1s infinite floatCard;top:100px;right:0}.hero__card--3{animation:8s ease-in-out .5s infinite floatCard;top:220px;left:20px}.hero__card--4{animation:6.5s ease-in-out 1.5s infinite floatCard;top:330px;right:20px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__card-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex}.hero__card-svg{color:var(--color-accent)}.hero__card-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:700}.hero__card-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.hero__center-badge{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__center-badge-ring{border:2px dashed #4f46e54d;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__center-badge-inner{background:var(--color-accent);width:72px;height:72px;box-shadow:var(--shadow-accent);color:#fff;z-index:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero__center-badge-num{font-size:var(--font-size-2xl);font-weight:900;line-height:1}.hero__center-badge-text{letter-spacing:.05em;text-transform:uppercase;opacity:.85;font-size:9px;font-weight:600}.hero__scroll-indicator{bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);opacity:.5;transition:opacity var(--transition-fast);z-index:1;flex-direction:column;text-decoration:none;animation:1s 1.2s both fadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-indicator:hover{opacity:1}.hero__scroll-mouse{border:2px solid var(--color-text-muted);border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.hero__scroll-wheel{background:var(--color-text-muted);border-radius:2px;width:3px;height:8px;animation:2s infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.hero__container{gap:var(--spacing-2xl);text-align:center;grid-template-columns:1fr}.hero__content{max-width:100%}.hero__badges,.hero__ctas{justify-content:center}.hero__visual{display:none}}@media (width<=768px){.hero__name{font-size:2.5rem}.hero__ctas{flex-direction:column;align-items:stretch}.hero__cta-primary,.hero__cta-secondary{justify-content:center}}.about{background:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.about__grid{gap:var(--spacing-4xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about__bio{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--spacing-xl);line-height:1.8}.about__bio+.about__bio{margin-top:var(--spacing-lg)}.about__tags{gap:var(--spacing-sm);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.about__tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);letter-spacing:.01em;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.about__tag-icon{color:var(--color-accent);flex-shrink:0}.about__tag-bullet{color:var(--color-accent);opacity:.5;margin:0 2px;font-size:.8em}.about__tag:hover{background:var(--color-accent-lighter);color:var(--color-accent);border-color:#4f46e533;transform:translateY(-1px)}.about__stats-col{gap:var(--spacing-md);grid-template-columns:1fr 1fr;padding-top:60px;display:grid}.about__stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.about__stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.about__stat-card--accent{background:var(--color-accent);border-color:var(--color-accent)}.about__stat-card--accent .about__stat-number,.about__stat-card--accent .about__stat-label{color:#fff}.about__stat-number{font-size:var(--font-size-5xl);color:var(--color-accent);letter-spacing:-.03em;font-weight:900;line-height:1}.about__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm);font-weight:500;line-height:1.3}.about__quote-card{background:var(--color-accent-lighter);border-radius:var(--radius-lg);padding:var(--spacing-xl);align-items:flex-start;gap:var(--spacing-md);border:1px solid #4f46e526;grid-column:1/-1;display:flex}.about__quote-icon{flex-shrink:0;font-size:1.5rem}.about__quote{font-size:var(--font-size-sm);color:var(--color-accent-dark);font-style:italic;font-weight:600;line-height:1.6}@media (width<=1024px){.about__grid{gap:var(--spacing-3xl);grid-template-columns:1fr}.about__stats-col{padding-top:0}}@media (width<=480px){.about__stats-col{grid-template-columns:1fr}.about__quote-card{grid-column:auto}}.skills{background:var(--color-bg)}.skills__header{margin-bottom:var(--spacing-3xl)}.skills__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skills__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.skills__card:before{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-accent-light));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.skills__card:hover{box-shadow:var(--shadow-md);border-color:#4f46e533;transform:translateY(-4px)}.skills__card:hover:before{opacity:1}.skills__card--legal{background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 100%);border-color:#7c3aed33;grid-column:span 2}.skills__card--legal:before{opacity:1;background:linear-gradient(90deg,#7c3aed,#6d28d9)}.skills__card--legal .skills__card-title{color:#7c3aed}.skills__card--legal .skills__item{color:#6d28d9;background:#7c3aed14;border-color:#7c3aed26}.skills__card--legal:hover{border-color:#7c3aed4d;box-shadow:0 8px 32px #7c3aed1f}.skills__card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.skills__card-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.skills__card-title{font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700}.skills__items{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.skills__item{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);transition:all var(--transition-fast);align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:inline-flex}.skills__icon-svg{color:var(--color-accent)}.skills__item-bullet{color:var(--color-accent);opacity:.7;font-size:.8em}.skills__item:hover{background:var(--color-accent-lighter);color:var(--color-accent);border-color:#4f46e533}@media (width<=768px){.skills__grid{grid-template-columns:1fr}.skills__card--legal{grid-column:span 1}}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:#4f46e533;transform:translateY(-6px)}.project-card--test{opacity:.85}.project-card--test:hover{opacity:1}.project-card__media{background:var(--color-bg-secondary);position:relative;overflow:hidden}.project-card__media--mobile{min-height:300px;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.project-card__media--web{min-height:220px;padding:var(--spacing-lg)}.project-card__status-badge{top:var(--spacing-md);left:var(--spacing-md);font-size:var(--font-size-xs);border-radius:var(--radius-full);z-index:2;letter-spacing:.02em;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex;position:absolute}.status--live{background:var(--color-badge-live-bg);color:var(--color-badge-live)}.status--test{background:var(--color-badge-test-bg);color:var(--color-badge-test)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.project-card__type-badge{top:var(--spacing-md);right:var(--spacing-md);border-radius:var(--radius-full);color:var(--color-text-secondary);z-index:2;letter-spacing:.04em;text-transform:uppercase;background:#00000014;padding:3px 8px;font-size:10px;font-weight:700;position:absolute}.project-card__image-container{background:var(--color-bg-secondary);width:100%;height:250px;padding:var(--spacing-md);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-card:hover .project-card__image-container{transform:scale(1.02)}.project-card__image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.project-card__arrow{color:#fff;cursor:pointer;z-index:3;opacity:0;width:36px;height:36px;transition:opacity var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-card__media:hover .project-card__arrow{opacity:1}.project-card__arrow:hover{background:#000000bf;transform:translateY(-50%)scale(1.08)}.project-card__arrow--left{left:var(--spacing-sm)}.project-card__arrow--right{right:var(--spacing-sm)}.project-card__dots{bottom:var(--spacing-md);gap:var(--spacing-xs);z-index:2;border-radius:var(--radius-full);background:#00000040;padding:5px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.project-card__dot{cursor:pointer;width:6px;height:6px;transition:all var(--transition-fast);background:#ffffff80;border:none;border-radius:50%;padding:0}.project-card__dot.active{background:#fff;border-radius:3px;width:18px}.project-card__info{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.project-card__header{justify-content:space-between;align-items:center;display:flex}.project-card__name{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800}.project-card__color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.project-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.project-card__stack{flex-wrap:wrap;gap:6px;display:flex}.project-card__tech{border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-light);letter-spacing:.02em;padding:3px 8px;font-size:10px;font-weight:600}.project-card__cta{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);margin-top:auto}.project-card__btn{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);background:var(--btn-color,var(--color-accent));color:#fff;transition:all var(--transition-fast);box-shadow:0 4px 12px color-mix(in srgb, var(--btn-color,var(--color-accent)) 30%, transparent);padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.project-card__btn:hover{filter:brightness(.9);box-shadow:0 8px 20px color-mix(in srgb, var(--btn-color,var(--color-accent)) 40%, transparent);transform:translateY(-1px)}.project-card__btn--disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border);box-shadow:none;cursor:default}.project-card__btn--disabled:hover{filter:none;box-shadow:none;transform:none}.project-card__lightbox{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0a0a0aeb;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox__close-btn{top:var(--spacing-xl);right:var(--spacing-xl);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);z-index:10001;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox__close-btn:hover{background:#fff3;transform:scale(1.06)}.lightbox__arrow{color:#fff;cursor:pointer;z-index:10000;width:56px;height:56px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__arrow:hover{background:#fff3;transform:translateY(-50%)scale(1.08)}.lightbox__arrow--left{left:var(--spacing-2xl)}.lightbox__arrow--right{right:var(--spacing-2xl)}.lightbox__content{align-items:center;gap:var(--spacing-md);flex-direction:column;max-width:85%;max-height:80%;animation:.3s cubic-bezier(.34,1.56,.64,1) zoomIn;display:flex;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox__image{object-fit:contain;border-radius:var(--radius-lg);border:1px solid #ffffff1f;max-width:100%;max-height:75vh;box-shadow:0 25px 60px #0009}.lightbox__indicator{color:#ffffffbf;font-size:var(--font-size-sm);border-radius:var(--radius-full);letter-spacing:.02em;background:#00000073;padding:4px 14px;font-weight:500}@media (width<=768px){.lightbox__arrow{background:#0009;border-color:#ffffff1a;width:44px;height:44px}.lightbox__arrow--left{left:var(--spacing-md)}.lightbox__arrow--right{right:var(--spacing-md)}.lightbox__close-btn{top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}}.projects{background:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.projects__header{margin-bottom:var(--spacing-2xl)}.projects__filters{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl);padding:var(--spacing-xs);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap;width:fit-content;display:flex}.projects__filter-btn{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 18px;font-weight:600;display:inline-flex}.projects__filter-btn:hover{color:var(--color-accent);background:var(--color-accent-lighter)}.projects__filter-btn.active{color:#fff;background:var(--color-accent);box-shadow:var(--shadow-accent)}.projects__filter-count{font-size:var(--font-size-xs);border-radius:var(--radius-full);text-align:center;background:#ffffff40;min-width:20px;padding:1px 6px;font-weight:700}.projects__filter-btn:not(.active) .projects__filter-count{background:var(--color-border);color:var(--color-text-muted)}.projects__grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (width<=768px){.projects__grid{grid-template-columns:1fr}.projects__filters{justify-content:center;width:100%}}.projects__grid--filtered .project-card{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.projects__grid--filtered .project-card.reveal{opacity:1!important;transform:none!important}.projects__grid--filtered .project-card *{transition-delay:0s!important;animation-delay:0s!important}.contact{background:var(--color-bg)}.contact__inner{text-align:center;max-width:800px;margin:0 auto}.contact__header{margin-bottom:var(--spacing-3xl)}.contact__header .section-label,.contact__header .section-title,.contact__header .section-subtitle{margin-left:auto;margin-right:auto}.contact__cards{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);text-align:left;grid-template-columns:repeat(3,1fr);display:grid}.contact__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);align-items:flex-start;gap:var(--spacing-md);transition:all var(--transition-base);display:flex}.contact__card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.contact__card--available{background:linear-gradient(135deg,#f0fdf4,#f7fdf9);border-color:#10b98133}.contact__card--available:hover{border-color:var(--color-badge-live)}.contact__card-icon{background:var(--color-accent-lighter);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__card--available .contact__card-icon{background:var(--color-badge-live-bg);color:var(--color-badge-live)}.contact__available-dot{background:var(--color-badge-live);width:16px;height:16px;box-shadow:0 0 0 4px var(--color-badge-live-bg);border-radius:50%;animation:2s infinite availablePulse}@keyframes availablePulse{0%,to{box-shadow:0 0 0 4px #10b9814d}50%{box-shadow:0 0 0 8px #10b9811a}}.contact__card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-weight:700}.contact__card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none;display:block}a.contact__card-value:hover{color:var(--color-accent)}.contact__cta{margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.contact__cta-btn{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);color:#fff;background:var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent);transition:all var(--transition-base);letter-spacing:-.01em;padding:18px 48px;font-weight:700;text-decoration:none;display:inline-flex}.contact__cta-btn:hover{background:var(--color-accent-dark);transform:translateY(-3px);box-shadow:0 16px 48px #4f46e559}.contact__or{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-xl) 0;position:relative}.contact__or:before,.contact__or:after{content:"";background:var(--color-border);width:30%;height:1px;position:absolute;top:50%}.contact__or:before{right:calc(50% + 20px)}.contact__or:after{left:calc(50% + 20px)}.contact__expertise{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.contact__expertise-grid{gap:var(--spacing-lg);text-align:left;grid-template-columns:repeat(2,1fr);display:grid}.contact__expertise-item{align-items:center;gap:var(--spacing-md);display:flex}.contact__expertise-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.contact__expertise-item strong{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px;font-weight:700;display:block}.contact__expertise-item p{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=768px){.contact__cards,.contact__expertise-grid{grid-template-columns:1fr}.contact__cta-btn{font-size:var(--font-size-base);padding:14px 28px}.contact__or:before,.contact__or:after{width:20%}}.footer{background:var(--color-text-primary);color:#fff;padding-top:var(--spacing-3xl)}.footer__container{gap:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);grid-template-columns:1fr auto auto;align-items:start;display:grid}.footer__brand{gap:var(--spacing-md);flex-direction:column;display:flex}.footer__logo{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:inline-flex}.footer__logo-initials{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);width:36px;height:36px;font-weight:800;font-size:var(--font-size-base);box-shadow:var(--shadow-accent);justify-content:center;align-items:center;display:flex}.footer__logo-text{font-weight:700;font-size:var(--font-size-base);color:#fff}.footer__tagline{font-size:var(--font-size-sm);color:#ffffff80;max-width:280px;line-height:1.5}.footer__nav{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer__nav-link{font-size:var(--font-size-sm);color:#fff9;transition:color var(--transition-fast);font-weight:500;text-decoration:none}.footer__nav-link:hover{color:#fff}.footer__email{font-size:var(--font-size-sm);color:var(--color-accent-light);transition:color var(--transition-fast);align-self:flex-start;font-weight:600;text-decoration:none}.footer__email:hover{color:#fff}.footer__bottom{padding:var(--spacing-lg) 0;border-top:1px solid #ffffff14}.footer__bottom-inner{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer__copy,.footer__made{font-size:var(--font-size-xs);color:#fff6}@media (width<=768px){.footer__container{gap:var(--spacing-xl);grid-template-columns:1fr}.footer__nav{gap:var(--spacing-md);flex-flow:wrap}.footer__bottom-inner{text-align:center;flex-direction:column}}:root{--color-bg:#f8f9fa;--color-bg-secondary:#f1f3f5;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#e9ecef;--color-border-light:#f1f3f5;--color-accent:#4f46e5;--color-accent-light:#6366f1;--color-accent-lighter:#e0e7ff;--color-accent-dark:#3730a3;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-on-accent:#fff;--color-badge-live:#10b981;--color-badge-live-bg:#d1fae5;--color-badge-test:#f59e0b;--color-badge-test-bg:#fef3c7;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:5rem;--spacing-4xl:8rem;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000f;--shadow-accent:0 8px 32px #4f46e533;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-xl);margin:0 auto}.section{padding:var(--spacing-4xl) 0}.section-sm{padding:var(--spacing-3xl) 0}.text-gradient{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-md);font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--color-accent);border-radius:2px;width:20px;height:2px;display:block}.section-title{font-size:var(--font-size-4xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.2}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--spacing-md);max-width:600px;line-height:1.7}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (width<=768px){:root{--font-size-5xl:2.25rem;--font-size-6xl:2.5rem}.container{padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--font-size-3xl)}}@media (width<=480px){.container{padding:0 var(--spacing-md)}}section{scroll-margin-top:var(--nav-height)}