.theme-toggle{display:inline-flex;align-items:stretch;padding:.3rem;gap:.2rem;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.theme-toggle__btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:4.4rem;min-height:4.4rem;padding:.5rem .6rem;border-radius:calc(var(--radius-md) - 4px);color:var(--color-text-muted);transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.theme-toggle__btn:hover{color:var(--color-text);background:var(--color-bg-section)}.theme-toggle__btn--active{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}.theme-toggle__icon svg{width:100%;height:100%}.theme-toggle__label{font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1}@media (min-width: 768px){.theme-toggle__btn{min-width:4.8rem}.theme-toggle__label{font-size:1.05rem}}@media (max-width: 420px){.theme-toggle__label{display:none}.theme-toggle__btn{min-width:4rem;min-height:4rem;padding:.6rem}}.header{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:var(--safe-top);background:var(--color-header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.header__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);max-width:1200px;margin:0 auto;padding:var(--space-sm) clamp(var(--space-md),3vw,var(--space-lg));min-height:var(--header-height)}.header__logo{display:flex;align-items:center;flex-shrink:0;-webkit-user-drag:none;user-drag:none}.header__logo-img{height:clamp(3.2rem,8vw,4rem);width:auto;filter:drop-shadow(0 2px 4px var(--color-card-hover));transition:filter var(--transition);-webkit-user-drag:none;user-drag:none}[data-resolved=dark] .header__logo-img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)) brightness(1.05)}.header__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.header__nav{display:none}.header__links{display:flex;align-items:center;gap:clamp(var(--space-md),2vw,var(--space-xl))}.header__link{font-size:1.5rem;font-weight:500;color:var(--color-text);transition:color var(--transition),transform .2s ease;display:inline-block;padding:.4rem 0;-webkit-user-drag:none;user-drag:none}.header__link:hover,.header__link--active{color:var(--color-primary)}.header__link:hover{transform:translateY(-1px)}.header__ham{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:4.4rem;min-height:4.4rem;padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text);transition:background var(--transition);-webkit-user-drag:none;user-drag:none}.header__ham:hover{background:var(--color-bg-section)}.header__ham-icon{width:2.4rem;height:2.4rem;transition:opacity var(--transition);-webkit-user-drag:none;user-drag:none}.header__ham-icon--hidden{position:absolute;opacity:0;pointer-events:none}.header__ham-icon--close{filter:none}[data-resolved=dark] .header__ham-icon{filter:invert(1)}.header__mobile{position:fixed;top:calc(var(--header-height) + var(--safe-top));left:0;right:0;bottom:0;background:var(--color-bg);padding:var(--space-lg) clamp(var(--space-md),4vw,var(--space-xl));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));transform:translate(-100%);opacity:0;visibility:hidden;transition:transform var(--transition-smooth),opacity var(--transition-smooth),visibility var(--transition-smooth);z-index:40;overflow-y:auto}.header__mobile--open{transform:translate(0);opacity:1;visibility:visible}.header__mobile-theme{display:flex;justify-content:center;padding-bottom:var(--space-lg);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.header__mobile-links{display:flex;flex-direction:column;gap:var(--space-md)}.header__mobile-link{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:600;color:var(--color-text);text-align:left;padding:var(--space-sm) 0;transition:color var(--transition);-webkit-user-drag:none;user-drag:none}.header__mobile-link:hover{color:var(--color-primary)}@media (min-width: 768px){.header__nav{display:block}.header__ham{display:none!important}.header__mobile,.header__mobile-theme{display:none}}@media (min-width: 1024px){.header__actions{gap:var(--space-md)}}@media (max-width: 767px){.header__nav{display:none}}.footer{background:var(--color-footer);color:var(--color-text-on-dark);padding:var(--space-2xl) 0 var(--space-lg)}.footer__inner{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.footer__row{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-footer-border)}@media (min-width: 640px){.footer__row{grid-template-columns:1fr 1fr;align-items:start}}.footer__label{display:block;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fafafab3;margin-bottom:var(--space-sm)}.footer__icons{display:flex;gap:var(--space-md)}.footer__icon-link{display:flex;align-items:center;justify-content:center;-webkit-user-drag:none;user-drag:none;width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff14;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a;transition:background var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth)}.footer__icon-link:hover{background:#ffffff2e;transform:translateY(-4px);box-shadow:0 6px 16px #00000040,inset 0 1px #fff3}.footer__icon{width:22px;height:22px}.footer__brand-name{font-size:2rem;font-weight:800;color:var(--color-primary-light)}.footer__tagline{margin-top:var(--space-sm);font-size:1.5rem;color:#fafafacc;line-height:1.6}.footer__copyright{text-align:center}.footer__copy{font-size:1.4rem;color:#fafafa99;margin:0}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1;display:flex;flex-direction:column}.app-store-rating{width:100%;min-width:0}.app-store-rating__skeleton{border-radius:var(--radius-md);background:linear-gradient(110deg,var(--color-bg-section) 0%,var(--color-surface) 45%,var(--color-bg-section) 90%);background-size:200% 100%;border:1px solid var(--color-border);animation:app-store-rating-shimmer 1.5s ease-in-out infinite}.app-store-rating__skeleton--compact{min-height:7.2rem}.app-store-rating__skeleton--compact.app-store-rating__skeleton--dual{min-height:9.6rem}.app-store-rating__skeleton--detail,.app-store-rating__skeleton--detail.app-store-rating__skeleton--dual{min-height:8rem}@media (min-width: 600px){.app-store-rating__skeleton--detail.app-store-rating__skeleton--dual{min-height:8rem}}@keyframes app-store-rating-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-store-rating--compact .app-store-rating__grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.app-store-rating--compact .app-store-rating__grid--dual{gap:1rem}@media (min-width: 520px){.app-store-rating--compact .app-store-rating__grid--dual{grid-template-columns:1fr 1fr;gap:1.2rem}}.app-store-rating__tile{display:flex;flex-direction:column;gap:.8rem;min-width:0;padding:1.4rem 1.6rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.app-store-rating__tile-main{display:flex;flex-direction:column;gap:.4rem;min-width:0}.app-store-rating__tile-score-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.app-store-rating__badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.35rem .75rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;line-height:1.2}.app-store-rating__badge--ios{background:#0099dd1f;color:#0369a1;border:1px solid rgba(0,153,221,.22)}.app-store-rating__badge--android{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.22)}.app-store-rating__score{font-size:2.2rem;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1}.app-store-rating__count{font-size:1.3rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;line-height:1.35;margin:0}.app-store-rating__stars{display:inline-flex;align-items:center;gap:.15rem;flex-shrink:0}.app-store-rating__star-wrap{position:relative;display:inline-block;flex-shrink:0;line-height:0}.app-store-rating__star{display:block;width:100%;height:100%}.app-store-rating__star--empty{color:var(--color-star-empty)}.app-store-rating__star-fill{position:absolute;left:0;top:0;bottom:0;overflow:hidden}.app-store-rating__star--filled{color:var(--color-star-filled)}.app-store-rating__detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);width:100%}@media (min-width: 600px){.app-store-rating__detail-grid--dual{grid-template-columns:1fr 1fr}}.app-store-rating__card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);padding:var(--space-lg);min-width:0}.app-store-rating__card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.app-store-rating__card-source{font-size:1.2rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-store-rating__card-main{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md)}.app-store-rating__card-score-block{display:flex;align-items:center;gap:1.2rem}.app-store-rating__card-score{font-size:3.6rem;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1}.app-store-rating__card-out-of{margin-top:.4rem;font-size:1.2rem;color:var(--color-text-muted)}.app-store-rating__card-count-block{text-align:right}.app-store-rating__card-count{font-size:2.4rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1}.projects__ratings{width:100%;min-width:0}.projects__body .app-store-rating--compact{margin:0 0 var(--space-md)}.project-hero .app-store-rating--detail{margin-bottom:var(--space-lg);max-width:100%}.project-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-bg-section)}.project-slider--card{border-radius:inherit}.project-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.45,0,.15,1)}.project-slider__slide--active{opacity:1;z-index:2}.project-slider__img{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-slider__img--cover{object-fit:cover}.project-slider__img--contain{object-fit:contain}.project-slider__gradient{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to top,rgba(0,0,0,.38) 0%,transparent 45%,rgba(0,0,0,.08) 100%)}.project-slider__shimmer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;opacity:.22}.project-slider__shimmer-bar{position:absolute;inset-block:0;left:-50%;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-12deg);animation:project-slider-shimmer 3.5s ease-in-out infinite}.project-slider__dots{position:absolute;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.2rem;bottom:1rem}.project-slider--card .project-slider__dots{bottom:.8rem}.project-slider__dot{display:block;border-radius:999px;background:#fff6;transition:width .7s ease,background .7s ease;height:.4rem;width:.4rem}.project-slider__dot--active{width:2rem;background:#fffffff2;box-shadow:0 1px 4px #00000040}.project-slider--hero .project-slider__dot{height:.5rem}.project-slider--hero .project-slider__dot--active{width:2.4rem}.project-slider__counter{position:absolute;top:1.2rem;left:1.2rem;z-index:4;padding:.4rem 1rem;border-radius:999px;font-size:1.1rem;font-weight:600;color:#ffffffeb;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-slider__ken-burns--1{animation:project-slider-ken-1 18s ease-in-out infinite alternate}.project-slider__ken-burns--2{animation:project-slider-ken-2 20s ease-in-out infinite alternate}.project-slider__ken-burns--3{animation:project-slider-ken-3 22s ease-in-out infinite alternate}@keyframes project-slider-ken-1{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}@keyframes project-slider-ken-2{0%{transform:scale(1.03) translate3d(-.5%,0,0)}to{transform:scale(1.1) translate3d(1.5%,-1.5%,0)}}@keyframes project-slider-ken-3{0%{transform:scale(1) translate3d(.5%,-.5%,0)}to{transform:scale(1.08) translate3d(-1%,1%,0)}}@keyframes project-slider-shimmer{0%{transform:translate(-120%) skew(-12deg)}to{transform:translate(320%) skew(-12deg)}}@media (prefers-reduced-motion: reduce){.project-slider__ken-burns,.project-slider__shimmer-bar{animation:none!important}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:calc(var(--header-height) + var(--safe-top) + var(--space-3xl)) clamp(var(--space-md),4vw,var(--space-lg)) var(--space-3xl);background:linear-gradient(145deg,#004d6d,#00678a,#09d,#007ab3,#0f172a);overflow:hidden}@media (max-width: 600px){.hero{padding:calc(var(--header-height) + var(--safe-top) + var(--space-xl)) clamp(var(--space-md),4vw,var(--space-md)) var(--space-2xl);min-height:100svh;min-height:100dvh}}@media (max-width: 420px){.hero__cta-group{flex-direction:column;width:100%}.hero__cta-group .btn{width:100%;min-width:0}}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,153,221,.3),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,103,138,.15),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(0,153,221,.1),transparent);pointer-events:none}.hero__content{position:relative;text-align:center;max-width:720px;transform-style:preserve-3d}.hero__title{font-size:clamp(4.8rem,12vw,8rem);font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--space-lg);text-shadow:0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.2)}.hero__info{margin-bottom:var(--space-xl)}.hero__tagline{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;color:#fffffff2;margin-bottom:var(--space-sm)}.hero__sub{font-size:clamp(1.4rem,2.5vw,1.5rem);color:#fffc;text-align:center}.hero__cta-group{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-2xl)}.hero__cta-group .btn{min-width:160px}@property --flow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.hero__cta-flow{position:relative;border:2px solid transparent;background:linear-gradient(180deg,#ffffff2e,#ffffff14,#ffffff0a);box-shadow:0 4px #0000004d,0 6px 16px #00000040,inset 0 1px #ffffff40;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hero__cta-flow:hover{transform:translateY(-2px);box-shadow:0 6px #00000040,0 10px 24px #0000004d,inset 0 1px #ffffff59}.hero__cta-flow:active{transform:translateY(2px);box-shadow:0 2px #0000004d,0 4px 12px #00000040,inset 0 1px #fff3}.hero__cta-flow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-md);padding:2px;--flow-angle: 0deg;background:conic-gradient(from var(--flow-angle),transparent 0deg 280deg,rgba(255,255,255,.95) 300deg,rgba(255,255,255,1) 315deg,rgba(255,255,255,.9) 330deg,transparent 350deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:flow-light 2.5s linear infinite;pointer-events:none}@keyframes flow-light{to{--flow-angle: 360deg}}@media (prefers-reduced-motion: reduce){.hero__cta-flow:before{animation:none}}.hero__socials{position:relative;display:flex;gap:var(--space-md)}.hero__social{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff1f;box-shadow:0 4px 12px #0003,inset 0 1px #fff3;transition:background var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth);-webkit-user-drag:none;user-drag:none}.hero__social:hover{background:#ffffff40;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff4d}.hero__social img{width:24px;height:24px;filter:brightness(0) invert(1)}.hero__scroll{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%)}.hero__mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:20px;position:relative;animation:scrollPulse 2s ease-in-out infinite}.hero__mouse:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:#ffffffb3;border-radius:2px;animation:scrollDot 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes scrollDot{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,12px);opacity:0}}.services{background:var(--color-bg-section)}.services__grid{display:grid;gap:var(--space-xl);perspective:1000px}@media (min-width: 600px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services__grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.services__card:hover{transform:translateY(-2px)}}.services__card{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth),border-color var(--transition-smooth)}.services__card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.services__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);margin-bottom:var(--space-md);box-shadow:0 2px 4px #00000014,inset 0 1px #ffffff80}.services__icon-svg{width:28px;height:28px}.services__icon--ai{background:linear-gradient(135deg,#0099dd26,#0099dd0d);color:var(--color-primary)}.services__icon--web{background:linear-gradient(135deg,#f9731626,#f973160d);color:var(--color-accent)}.services__icon--mobile{background:linear-gradient(135deg,#6366f126,#6366f10d);color:var(--color-badge-mobile)}.services__card-title{font-size:1.8rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.services__card-desc{font-size:1.5rem;color:var(--color-text-muted);line-height:1.6;text-align:left}@media (max-width: 600px){.services__card{padding:var(--space-lg)}}.about{background:var(--color-bg)}.about__grid{display:grid;gap:var(--space-2xl)}@media (min-width: 900px){.about__grid{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}}.about__subtitle{font-size:1.8rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-md)}.about__list{margin-bottom:var(--space-md)}.about__list li{position:relative;padding-left:1.6rem;margin-bottom:var(--space-sm);color:var(--color-text-muted)}.about__list li:before{content:"›";position:absolute;left:0;color:var(--color-primary);font-weight:700}.about__para{color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.7;text-align:left}@media (max-width: 600px){.about__grid{gap:var(--space-xl)}}.about__skills .skills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills__item{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.4rem;color:var(--color-text-muted);line-height:1.5;box-shadow:var(--shadow-sm),var(--shadow-inset-highlight);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.skills__item:hover{box-shadow:var(--shadow-md),var(--shadow-inset-highlight);transform:translateY(-1px)}.skills__item strong{color:var(--color-text)}.projects{background:var(--color-bg-section)}.projects__list{display:flex;flex-direction:column;gap:var(--space-2xl);perspective:1000px}@media (prefers-reduced-motion: reduce){.projects__item:hover{transform:translateY(-2px)}}.projects__item{display:grid;gap:var(--space-xl);align-items:center;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth),border-color var(--transition-smooth)}.projects__item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}@media (min-width: 900px){.projects__item{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.projects__item--img-right .projects__img-wrap{order:2}.projects__item--img-right .projects__body{order:1}}.projects__img-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg);box-shadow:var(--shadow-md),var(--shadow-inset-highlight);aspect-ratio:16 / 10;min-height:clamp(18rem,42vw,28rem);isolation:isolate}.projects__badges{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:5;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.projects__badge{padding:.4rem .8rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:#fff}.projects__badge--ai{background:var(--color-primary)}.projects__badge--web{background:var(--color-accent)}.projects__badge--mobile{background:var(--color-badge-mobile)}.projects__body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;gap:0}.projects__title{font-size:clamp(1.9rem,4.5vw,2.4rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-md);line-height:1.25;word-break:break-word}.projects__desc{color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.7;text-align:left}.projects__body .btn{align-self:flex-start}@media (max-width: 600px){.projects__item{padding:var(--space-lg);gap:var(--space-lg)}.projects__body .btn{width:100%;justify-content:center}}@media (min-width: 600px) and (max-width: 899px){.projects__item{gap:var(--space-xl)}}@media (max-width: 519px){.app-store-rating--compact .app-store-rating__grid--dual{grid-template-columns:1fr}}.contact{background:linear-gradient(165deg,#004d6d,#00678a,#09d 60%,#0f172a);position:relative}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,0,0,.15),transparent);pointer-events:none}.contact__form{max-width:560px;display:flex;flex-direction:column;gap:var(--space-lg)}.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media (max-width: 500px){.contact__row{grid-template-columns:1fr}}.contact__field label{display:block;font-weight:600;color:var(--color-text-on-dark);margin-bottom:var(--space-xs)}.contact__field input,.contact__field textarea{width:100%;padding:var(--space-md);font-size:1.6rem;font-family:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;box-shadow:inset 0 2px 8px #00000026;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.contact__field input::placeholder,.contact__field textarea::placeholder{color:#ffffff80}.contact__field input:focus,.contact__field textarea:focus{outline:none;border-color:var(--color-primary-light);background:#ffffff1f;box-shadow:inset 0 2px 8px #0000001a,0 0 0 3px #09d3}.contact__submit{align-self:flex-start;min-width:180px}.contact__submit:disabled{cursor:not-allowed}.contact__status{font-size:1.5rem;margin:0}.contact__status--success{color:#86efac}.contact__status--error{color:#fca5a5}.contact__status--loading{color:#fffc}@media (max-width: 600px){.contact__form{width:100%}}.project-detail{padding-top:calc(var(--header-height) + var(--safe-top))}.project-detail--not-found{display:flex;flex-direction:column;flex:1}.project-not-found{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);padding-top:calc(var(--header-height) + var(--safe-top) + var(--space-2xl))}.project-not-found a{color:var(--color-primary);font-weight:600;-webkit-user-drag:none;user-drag:none}.project-not-found a:hover{text-decoration:underline}.project-detail__back-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0;box-shadow:var(--shadow-sm)}.project-detail__back-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:1rem 1.8rem;font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#00b4ff 0%,var(--color-primary) 45%,#0088c4 100%);border-radius:var(--radius-md);box-shadow:0 4px 12px #0003,inset 0 1px #fff3;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);-webkit-user-drag:none;user-drag:none}.project-detail__back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff4d}.project-detail__back-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:2rem;line-height:1;font-weight:300;background:#fff3;border-radius:50%}.project-hero{padding:var(--space-2xl) var(--space-lg) var(--space-3xl);background:linear-gradient(145deg,#004d6d,#00678a,#09d 60%,#0f172a)}@media (max-width: 600px){.project-hero{padding:var(--space-xl) var(--space-md) var(--space-2xl)}}.project-hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.project-hero__badge{display:inline-block;padding:.4rem 1rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:#fff}.project-hero__badge--ai{background:#ffffff40}.project-hero__badge--web{background:#f97316e6}.project-hero__badge--mobile{background:#6366f1e6}.project-hero__title{font-size:clamp(3.2rem,6vw,5rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-md)}.project-hero__desc{font-size:clamp(1.5rem,2.5vw,1.8rem);color:#ffffffe6;max-width:680px;margin-bottom:var(--space-xl);line-height:1.6;text-align:left}.project-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-md)}@media (max-width: 600px){.project-hero__cta .btn{width:100%}}.project-content{padding:var(--space-2xl) 0 var(--space-3xl);background:var(--color-bg)}@media (max-width: 600px){.project-content{padding:var(--space-xl) 0 var(--space-2xl)}}.project-content__grid{display:grid;gap:var(--space-2xl);align-items:start}@media (min-width: 900px){.project-content__grid{grid-template-columns:.85fr 1.15fr;gap:var(--space-3xl)}}@media (max-width: 600px){.project-content__grid{gap:var(--space-xl)}}.project-content__img-wrap{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-section);box-shadow:var(--shadow-md),var(--shadow-inset-highlight);line-height:0}.project-content__img-wrap--slider{position:relative;aspect-ratio:4 / 3;min-height:28rem;isolation:isolate}@media (max-width: 600px){.project-content__img-wrap--slider{min-height:22rem}}.project-content__block{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg)}.project-content__block--overview{background:var(--color-surface);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-depth-1)}.project-content__block--features{background:var(--color-bg-section);border:1px solid var(--color-border);position:relative;padding-left:var(--space-xl)}.project-content__block--features:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.project-content__block--tools{background:linear-gradient(135deg,var(--color-footer) 0%,#1e3a4f 100%);color:var(--color-text-on-dark)}[data-resolved=dark] .project-content__block--tools{background:linear-gradient(135deg,#0a0e18,#1a2a3a)}.project-content__block--tools h3{color:#fffffff2;margin-bottom:var(--space-md)}.project-content__block--cta{background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(0,153,221,.08) 100%);border:2px solid rgba(0,153,221,.3);text-align:center}[data-resolved=dark] .project-content__block--cta{background:linear-gradient(135deg,#38bdf81f,#0099dd0f);border-color:#38bdf859}.project-content__block--cta h3{color:var(--color-primary)}.project-content__body h3{font-size:1.6rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm);margin-top:0}.project-content__block+.project-content__block h3,.project-content__block+.project-content__closing{margin-top:0}.project-content__block p{color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.7;text-align:left}.project-content__block p:last-child{margin-bottom:0}.project-content__body ul{margin-bottom:0}.project-content__body ul li{position:relative;padding-left:1.8rem;margin-bottom:var(--space-sm);color:var(--color-text-muted);line-height:1.6;text-align:left}.project-content__body ul li:last-child{margin-bottom:0}.project-content__body ul li:before{content:"›";position:absolute;left:0;color:var(--color-primary);font-weight:700}.project-content__closing{margin:0;margin-bottom:0!important;padding:var(--space-xl) var(--space-2xl);font-size:1.7rem;font-weight:600;font-style:italic;color:var(--color-primary-dark);background:var(--color-surface);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-depth-1);position:relative}[data-resolved=dark] .project-content__closing{color:var(--color-primary)}.project-content__closing:before{content:'"';position:absolute;top:var(--space-sm);left:var(--space-md);font-size:4rem;font-family:Georgia,serif;color:var(--color-primary);opacity:.3}.project-content__tools{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-content__block--tools .project-content__tool{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #0003}.project-content__tool{padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:1.3rem;font-weight:600;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000f,inset 0 1px #fff9}.project-content__block--cta h3{margin-bottom:var(--space-md)}.project-content__links{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.project-content__links .btn{margin:0}.project-content__body{display:flex;flex-direction:column;gap:var(--space-xl)}@media (min-width: 900px){.project-content__body{gap:var(--space-xl)}}@media (max-width: 600px){.project-content__block{padding:var(--space-md) var(--space-lg)}.project-content__closing{padding:var(--space-lg) var(--space-xl)!important}.project-content__closing:before{font-size:3rem}}@media (max-width: 600px){.project-hero__title{font-size:clamp(2.4rem,8vw,4rem)}}.not-found{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);padding-top:calc(var(--header-height) + var(--safe-top) + var(--space-2xl))}.not-found__title{font-size:clamp(6rem,15vw,12rem);font-weight:800;color:var(--color-primary);letter-spacing:-.04em;line-height:1;margin-bottom:var(--space-md)}.not-found__desc{font-size:1.8rem;color:var(--color-text-muted);margin-bottom:var(--space-xl)}:root,[data-resolved=light]{color-scheme:light;--color-primary: #0099dd;--color-primary-dark: #007ab3;--color-primary-light: #e6f5fc;--color-accent: #f97316;--color-accent-dark: #ea580c;--color-accent-light: #ffedd5;--color-bg: #fafaf9;--color-bg-section: #f4f4f3;--color-surface: #ffffff;--color-surface-elevated: #f8f8f7;--color-header-bg: rgba(250, 250, 249, .88);--color-footer: #0c1222;--color-footer-border: #1e293b;--color-text: #18181b;--color-text-muted: #52525b;--color-text-light: #71717a;--color-text-on-dark: #fafafa;--color-border: #e4e4e7;--color-input-bg: #fafafa;--color-star-empty: rgba(24, 24, 27, .18);--color-star-filled: #f59e0b;--color-img-inset: rgba(255, 255, 255, .5);--color-card-hover: rgba(0, 0, 0, .08);--color-ham-stroke: #18181b;--color-badge-mobile: #6366f1;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .08);--shadow-glow: 0 0 40px rgba(0, 153, 221, .2);--shadow-depth-1: 0 2px 4px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .06);--shadow-depth-2: 0 4px 8px rgba(0, 0, 0, .06), 0 8px 16px rgba(0, 0, 0, .08), 0 16px 32px rgba(0, 0, 0, .06);--shadow-depth-3: 0 8px 16px rgba(0, 0, 0, .08), 0 16px 32px rgba(0, 0, 0, .1), 0 24px 48px rgba(0, 0, 0, .08);--shadow-depth-floating: 0 20px 40px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--shadow-card: 0 2px 4px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);--shadow-card-hover: 0 12px 24px rgba(0, 0, 0, .08), 0 24px 48px rgba(0, 0, 0, .06);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .8)}[data-resolved=dark]{color-scheme:dark;--color-primary: #38bdf8;--color-primary-dark: #7dd3fc;--color-primary-light: #0c2d42;--color-accent: #fb923c;--color-accent-dark: #fdba74;--color-accent-light: #3d2814;--color-bg: #0f1117;--color-bg-section: #161b26;--color-surface: #1c2230;--color-surface-elevated: #252d3d;--color-header-bg: rgba(15, 17, 23, .9);--color-footer: #080b12;--color-footer-border: #2a3344;--color-text: #f4f4f5;--color-text-muted: #a1a1aa;--color-text-light: #71717a;--color-text-on-dark: #fafafa;--color-border: #2e3648;--color-input-bg: #1a2030;--color-star-empty: rgba(255, 255, 255, .2);--color-star-filled: #fbbf24;--color-img-inset: rgba(255, 255, 255, .06);--color-card-hover: rgba(0, 0, 0, .35);--color-ham-stroke: #f4f4f5;--color-badge-mobile: #818cf8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px rgba(56, 189, 248, .15);--shadow-depth-1: 0 2px 4px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .25);--shadow-depth-2: 0 4px 8px rgba(0, 0, 0, .35), 0 8px 16px rgba(0, 0, 0, .3);--shadow-depth-3: 0 8px 16px rgba(0, 0, 0, .4), 0 16px 32px rgba(0, 0, 0, .35);--shadow-depth-floating: 0 20px 40px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .35);--shadow-card: 0 2px 8px rgba(0, 0, 0, .35), 0 4px 16px rgba(0, 0, 0, .25);--shadow-card-hover: 0 12px 28px rgba(0, 0, 0, .45), 0 24px 48px rgba(0, 0, 0, .35);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .06)}:root{--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--header-height: 6.4rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1.6rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-align:left;-webkit-user-select:none;user-select:none;padding-left:var(--safe-left);padding-right:var(--safe-right);transition:background-color var(--transition-smooth),color var(--transition-smooth)}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block;-webkit-user-drag:none;user-drag:none}button{font:inherit;cursor:pointer;border:none;background:none;-webkit-user-drag:none;user-drag:none}a,button{-webkit-user-drag:none;user-drag:none}.skip-link{position:absolute;top:-100%;left:var(--space-md);z-index:100;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-text-on-dark);font-weight:600;border-radius:var(--radius-sm);transition:top var(--transition)}.skip-link:focus{top:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:1rem 2rem;font-weight:600;font-size:1.5rem;letter-spacing:.02em;border-radius:var(--radius-md);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth);position:relative;text-decoration:none;white-space:nowrap;border:none;cursor:pointer;-webkit-user-drag:none;user-drag:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,#00b4ff 0%,var(--color-primary) 45%,#0088c4 100%);color:#fff;box-shadow:0 4px 12px #0003,inset 0 1px #fff3}.btn--primary:hover{box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff4d}.btn--accent{background:linear-gradient(180deg,#ff9d4d 0%,var(--color-accent) 45%,#e65a00 100%);color:#fff;box-shadow:0 4px 12px #0003,inset 0 1px #fff3}.btn--accent:hover{box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff4d}.btn--accent:disabled,.btn--accent[disabled]{opacity:.85;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff26}.btn--accent:disabled:hover,.btn--accent[disabled]:hover{transform:none!important}.btn--outline{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.65);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.btn--outline:hover{background:#ffffff2e;border-color:#ffffffe6;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff26}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(var(--space-md),4vw,var(--space-lg))}.section{padding:var(--space-3xl) 0}.section__header{margin-bottom:var(--space-2xl);max-width:700px}.section__title{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-md);letter-spacing:-.02em}.section__sub{font-size:1.6rem;color:var(--color-text-muted);line-height:1.7;text-align:left}@media (max-width: 600px){.section{padding:var(--space-2xl) 0}}.section__header--light .section__title{color:var(--color-text-on-dark)}.section__header--light .section__sub{color:#fafafae6}@media (prefers-reduced-motion: reduce){.btn:hover,.btn:active{transform:none}}