.konami-popup-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:oklch(0 0 0/.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out-expo)}.konami-popup{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 32px 64px oklch(0 0 0/.5),inset 0 0 0 1px oklch(100% 0 0/.03),0 0 100px oklch(75% .12 55/.15);animation:konamiPopIn var(--duration-slow) var(--ease-spring)}@keyframes konamiPopIn{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.konami-popup__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.konami-popup__dots{display:flex;gap:var(--space-2)}.konami-popup__dot{width:12px;height:12px;border-radius:50%}.konami-popup__dot--red{background:oklch(65% .2 25)}.konami-popup__dot--yellow{background:oklch(80% .15 85)}.konami-popup__dot--green{background:oklch(70% .18 145)}.konami-popup__title{flex:1;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.konami-popup__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.konami-popup__close:hover{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-primary)}.konami-popup__body{padding:var(--space-8) var(--space-6);text-align:center}.konami-popup__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-5);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(72% .14 45) 100%);border-radius:50%;color:oklch(15% 0 0);animation:iconBounce var(--duration-emphasis) var(--ease-spring) .2s}@keyframes iconBounce{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(.95) rotate(5deg)}75%{transform:scale(1.05)}}.konami-popup__heading{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-3);color:var(--text-primary)}.konami-popup__heading--accent{background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(78% .14 40) 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.konami-popup__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.konami-popup__reward{padding:var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-5)}.konami-popup__discount{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.konami-popup__discount-value{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(78% .14 40) 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.konami-popup__discount-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.konami-popup__code-container{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.konami-popup__code{padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--accent-warm);background:var(--bg-primary);border:2px dashed var(--accent-warm);border-radius:var(--radius-lg);letter-spacing:.1em}.konami-popup__copy{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.konami-popup__copy:hover{background:var(--bg-tertiary);border-color:var(--accent-warm);color:var(--accent-warm)}.konami-popup__hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-5);letter-spacing:.05em}.konami-popup__close-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:#2b2016;color:oklch(15% 0 0);background:transparent;border:none;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;isolation:isolate}.konami-popup__btn-bg,.konami-popup__close-btn{transition:transform var(--duration-normal) var(--ease-out-expo)}.konami-popup__btn-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(72% .14 45) 100%)}.konami-popup__close-btn:hover .konami-popup__btn-bg{transform:scale(1.05)}.konami-popup__btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.konami-popup__close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px oklch(75% .12 55/.3)}.konami-popup__close-btn:active{transform:translateY(0) scale(.98)}@media (max-width:640px){.konami-popup-overlay{padding:0;align-items:flex-end}.konami-popup{max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:konamiSlideUp var(--duration-normal) var(--ease-spring)}@keyframes konamiSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.konami-popup__header{padding:var(--space-2) var(--space-4)}.konami-popup__body{padding:var(--space-6) var(--space-4)}.konami-popup__icon{width:64px;height:64px;margin-bottom:var(--space-4)}.konami-popup__icon svg{width:32px;height:32px}.konami-popup__heading{font-size:var(--text-xl)}.konami-popup__discount-value{font-size:var(--text-3xl)}.konami-popup__code-container{flex-direction:column;gap:var(--space-2)}.konami-popup__code{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}}.linsoso-popup-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:oklch(0 0 0/.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out-expo)}.linsoso-popup{width:100%;max-width:380px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 32px 64px oklch(0 0 0/.5),inset 0 0 0 1px oklch(100% 0 0/.03),0 0 80px oklch(75% .12 55/.12);animation:linsosoPopIn var(--duration-slow) var(--ease-spring)}@keyframes linsosoPopIn{0%{opacity:0;transform:scale(.6) translateY(20px)}60%{transform:scale(1.03) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.linsoso-popup__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.linsoso-popup__dots{display:flex;gap:var(--space-2)}.linsoso-popup__dot{width:12px;height:12px;border-radius:50%}.linsoso-popup__dot--red{background:oklch(65% .2 25)}.linsoso-popup__dot--yellow{background:oklch(80% .15 85)}.linsoso-popup__dot--green{background:oklch(70% .18 145)}.linsoso-popup__title{flex:1;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.linsoso-popup__header-spacer{width:36px}.linsoso-popup__body{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-6);text-align:center;position:relative}.linsoso-meow-container{position:absolute;top:0;left:0;right:0;height:120px;overflow:hidden;pointer-events:none}.linsoso-meow-text{position:absolute;bottom:0;font-size:var(--text-xl);font-weight:700;background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(78% .14 40) 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:meowFloat 1.2s var(--ease-out-expo) forwards;text-shadow:0 0 20px oklch(75% .12 55/.5);white-space:nowrap}@keyframes meowFloat{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(var(--scale,1))}to{opacity:0;transform:translateX(-50%) translateY(-100px) scale(.5)}}.linsoso-cat{display:flex;align-items:center;justify-content:center;width:160px;height:160px;margin-top:var(--space-8);margin-bottom:var(--space-6);background:transparent;border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);position:relative}.linsoso-cat:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,oklch(75% .12 55/.15) 0,transparent 70%);opacity:0;transition:opacity var(--duration-fast) var(--ease-out-expo)}.linsoso-cat:hover{transform:scale(1.05)}.linsoso-cat:hover:before{opacity:1}.linsoso-cat:active{transform:scale(.95)}.linsoso-cat-svg{width:120px;height:120px;filter:drop-shadow(0 4px 12px oklch(0 0 0/.3))}.linsoso-cat-pupil{transform-box:fill-box;transform-origin:center center;animation:catBlink 4s ease-in-out infinite}@keyframes catBlink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.linsoso-meow-counter{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.linsoso-meow-counter__value{font-size:var(--text-lg);font-weight:700;background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(78% .14 40) 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.linsoso-popup__close-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:#2b2016;color:oklch(15% 0 0);background:transparent;border:none;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;isolation:isolate}.linsoso-popup__btn-bg,.linsoso-popup__close-btn{transition:transform var(--duration-normal) var(--ease-out-expo)}.linsoso-popup__btn-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(72% .14 45) 100%)}.linsoso-popup__close-btn:hover .linsoso-popup__btn-bg{transform:scale(1.05)}.linsoso-popup__btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.linsoso-popup__close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px oklch(75% .12 55/.3)}.linsoso-popup__close-btn:active{transform:translateY(0) scale(.98)}@media (max-width:640px){.linsoso-popup-overlay{padding:0;align-items:flex-end}.linsoso-popup{max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:linsosoSlideUp var(--duration-normal) var(--ease-spring)}@keyframes linsosoSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.linsoso-popup__header{padding:var(--space-2) var(--space-4)}.linsoso-popup__body{padding:var(--space-6) var(--space-4)}.linsoso-cat{width:140px;height:140px;margin-top:var(--space-6)}.linsoso-cat-svg{width:100px;height:100px}.linsoso-meow-container{height:100px}.linsoso-meow-text{font-size:var(--text-lg)}}.projects{background:var(--bg-secondary);position:relative}.projects__header{text-align:center;margin-bottom:var(--space-16)}.projects__header-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--accent-warm);margin-bottom:var(--space-6)}.projects__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-4)}.projects__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:480px;margin:0 auto}.projects__bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,280px);gap:var(--space-4)}@media (max-width:1024px){.projects__bento{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,240px)}}@media (max-width:640px){.projects__bento{grid-template-columns:1fr;grid-template-rows:repeat(4,200px)}}.project-card--large{grid-column:span 2;grid-row:span 2}.project-card--medium{grid-column:span 2}.project-card--small{grid-column:span 1}@media (max-width:1024px){.project-card--large{grid-column:span 2;grid-row:span 2}.project-card--medium{grid-column:span 2}}@media (max-width:640px){.project-card--large,.project-card--medium,.project-card--small{grid-column:span 1;grid-row:span 1}}.project-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out-expo)}.project-card:hover{transform:scale(1.02)}.project-card__bg,.project-card__pattern{position:absolute;inset:0}.project-card__pattern{background-image:radial-gradient(circle at 2px 2px,oklch(100% 0 0/.03) 1px,transparent 0);background-size:24px 24px}.project-card__gradient{position:absolute;inset:0;opacity:.8}.project-card--warm .project-card__gradient{background:linear-gradient(135deg,oklch(22% .04 55),oklch(16% .02 55) 50%,oklch(14% .01 55))}.project-card--cool .project-card__gradient{background:linear-gradient(135deg,oklch(22% .04 185),oklch(16% .02 185) 50%,oklch(14% .01 185))}.project-card--subtle .project-card__gradient{background:linear-gradient(135deg,oklch(22% .04 320),oklch(16% .02 320) 50%,oklch(14% .01 320))}.project-card--accent .project-card__gradient{background:linear-gradient(135deg,oklch(22% .04 145),oklch(16% .02 145) 50%,oklch(14% .01 145))}.project-card__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.project-card__content{position:relative;z-index:1;flex-direction:column;height:100%;padding:var(--space-6)}.project-card__content,.project-card__top{display:flex;justify-content:space-between}.project-card__top{align-items:flex-start}.project-card__category{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);background:oklch(0 0 0/.3);backdrop-filter:blur(8px);border-radius:var(--radius-md)}.project-card__actions{display:flex;gap:var(--space-2);opacity:0;transform:translateY(-8px);transition:all var(--duration-normal) var(--ease-out-expo)}.project-card:hover .project-card__actions{opacity:1;transform:translateY(0)}.project-card__action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:oklch(0 0 0/.4);backdrop-filter:blur(8px);border:1px solid oklch(100% 0 0/.1);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.project-card__action:hover{background:var(--accent-warm);border-color:var(--accent-warm);color:oklch(15% 0 0)}.project-card__bottom{display:flex;flex-direction:column;gap:var(--space-2)}.project-card__title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);transition:transform var(--duration-normal) var(--ease-out-expo)}.project-card:hover .project-card__title{transform:translateX(4px)}.project-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;opacity:0;transform:translateY(8px);transition:all var(--duration-normal) var(--ease-out-expo)}.project-card:hover .project-card__description{opacity:1;transform:translateY(0)}.project-card--large .project-card__description{opacity:1;transform:none}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.project-card__tag{padding:var(--space-1) var(--space-2);font-size:10px;color:var(--text-secondary);background:oklch(0 0 0/.3);border-radius:var(--radius-sm)}.project-card__line{position:absolute;bottom:0;left:0;width:0;height:3px;transition:width var(--duration-slow) var(--ease-out-expo)}.project-card--warm .project-card__line{background:var(--accent-warm)}.project-card--cool .project-card__line{background:var(--accent-cool)}.project-card--subtle .project-card__line{background:var(--accent-subtle)}.project-card--accent .project-card__line{background:var(--success)}.project-card:hover .project-card__line{width:100%}.project-card__corner{position:absolute;top:-1px;right:-1px;width:80px;height:80px;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.project-card--warm .project-card__corner{background:linear-gradient(225deg,oklch(75% .12 55/.3),transparent 60%)}.project-card--cool .project-card__corner{background:linear-gradient(225deg,oklch(72% .08 185/.3),transparent 60%)}.project-card--subtle .project-card__corner{background:linear-gradient(225deg,oklch(68% .06 320/.3),transparent 60%)}.project-card--accent .project-card__corner{background:linear-gradient(225deg,oklch(72% .14 145/.3),transparent 60%)}.project-card:hover .project-card__corner{opacity:1}.projects__more{display:flex;justify-content:center;margin-top:var(--space-12)}.projects__more-link{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out-expo)}.projects__more-link:hover{color:var(--text-primary);border-color:var(--accent-warm);box-shadow:0 0 24px oklch(75% .12 55/.1)}.projects__more-arrow{display:flex;transition:transform var(--duration-fast) var(--ease-out-expo)}.projects__more-link:hover .projects__more-arrow{transform:translate(4px,-4px)}.section-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out-expo),visibility var(--duration-fast) var(--ease-out-expo)}.section-transition--active{opacity:1;visibility:visible}.section-transition__particle{position:absolute;font-family:var(--font-mono);font-size:16px;font-weight:500;line-height:1;opacity:0;will-change:transform,opacity}.section-transition__particle--0{color:oklch(75% .12 55/.8);text-shadow:0 0 8px oklch(75% .12 55/.4)}.section-transition__particle--1{color:oklch(72% .08 185/.8);text-shadow:0 0 8px oklch(72% .08 185/.4)}.section-transition--down .section-transition__particle{animation:binaryFall .4s var(--ease-out-expo) forwards}.section-transition--up .section-transition__particle{animation:binaryRise .4s var(--ease-out-expo) forwards}@keyframes binaryFall{0%{transform:translateY(-100vh) rotate(-15deg);opacity:0}15%{opacity:.9}70%{opacity:.6}to{transform:translateY(100vh) rotate(15deg);opacity:0}}@keyframes binaryRise{0%{transform:translateY(100vh) rotate(15deg);opacity:0}15%{opacity:.9}70%{opacity:.6}to{transform:translateY(-100vh) rotate(-15deg);opacity:0}}.section-transition__particle--sm{font-size:12px}.section-transition__particle--lg{font-size:20px}.section-transition__glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,oklch(75% .12 55/.03) 0,transparent 70%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo)}.section-transition--active .section-transition__glow{opacity:1}@media (max-width:1024px){.section-transition__particle{font-size:14px}.section-transition__particle--sm{font-size:10px}.section-transition__particle--lg{font-size:18px}}@media (max-width:768px){.section-transition__particle{font-size:12px}.section-transition__particle--sm{font-size:9px}.section-transition__particle--lg{font-size:15px}.section-transition--down .section-transition__particle,.section-transition--up .section-transition__particle{animation-duration:.35s}}@media (prefers-reduced-motion:reduce){.section-transition--down .section-transition__particle,.section-transition--up .section-transition__particle{animation-duration:.15s}.section-transition__particle{text-shadow:none}.section-transition__glow{display:none}}.services{background:var(--bg-primary);position:relative;overflow:hidden}.services__header{text-align:center;margin-bottom:var(--space-16)}.services__header-tag{display:inline-flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.services__header-line{width:40px;height:1px;background:linear-gradient(90deg,transparent 0,var(--border-hover) 50%,transparent 100%)}.services__header-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.services__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em}.services__title-gradient{background:linear-gradient(135deg,#eeb055,#57bcc7);background:linear-gradient(135deg,var(--accent-warm) 0,var(--accent-cool) 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.services__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}@media (max-width:1024px){.services__layout{grid-template-columns:1fr}}.services__tabs{display:flex;flex-direction:column;gap:var(--space-3)}.services__tab{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:left;cursor:pointer;overflow:hidden;transition:all var(--duration-normal) var(--ease-out-expo)}.services__tab--active,.services__tab:hover{border-color:transparent;transform:translateX(8px)}.services__tab-bg{position:absolute;inset:0;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.services__tab--warm .services__tab-bg{background:linear-gradient(135deg,oklch(20% .03 55) 0,var(--bg-secondary) 100%)}.services__tab--cool .services__tab-bg{background:linear-gradient(135deg,oklch(20% .03 185) 0,var(--bg-secondary) 100%)}.services__tab--subtle .services__tab-bg{background:linear-gradient(135deg,oklch(20% .03 320) 0,var(--bg-secondary) 100%)}.services__tab--active .services__tab-bg,.services__tab:hover .services__tab-bg{opacity:1}.services__tab-glow{position:absolute;top:0;left:0;width:100%;height:2px;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.services__tab--warm .services__tab-glow{background:linear-gradient(90deg,transparent,var(--accent-warm),transparent)}.services__tab--cool .services__tab-glow{background:linear-gradient(90deg,transparent,var(--accent-cool),transparent)}.services__tab--subtle .services__tab-glow{background:linear-gradient(90deg,transparent,var(--accent-subtle),transparent)}.services__tab--active .services__tab-glow,.services__tab:hover .services__tab-glow{opacity:1}.services__tab-icon{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-muted);transition:all var(--duration-normal) var(--ease-out-expo)}.services__tab--warm.services__tab--active .services__tab-icon,.services__tab--warm:hover .services__tab-icon{background:var(--accent-warm);color:oklch(15% 0 0);box-shadow:0 0 24px oklch(75% .12 55/.3)}.services__tab--cool.services__tab--active .services__tab-icon,.services__tab--cool:hover .services__tab-icon{background:var(--accent-cool);color:oklch(15% 0 0);box-shadow:0 0 24px oklch(72% .08 185/.3)}.services__tab--subtle.services__tab--active .services__tab-icon,.services__tab--subtle:hover .services__tab-icon{background:var(--accent-subtle);color:oklch(15% 0 0);box-shadow:0 0 24px oklch(68% .06 320/.3)}.services__tab-content{position:relative;z-index:1;flex:1}.services__tab-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.services__tab-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.services__tab-arrow{position:relative;z-index:1;flex-shrink:0;color:var(--text-muted);opacity:0;transform:translateX(-8px);transition:all var(--duration-normal) var(--ease-out-expo)}.services__tab--active .services__tab-arrow,.services__tab:hover .services__tab-arrow{opacity:1;transform:translateX(0)}.services__features{position:relative;min-height:300px}.services__feature-card{position:absolute;inset:0;padding:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:all var(--duration-normal) var(--ease-out-expo);overflow:hidden}.services__feature-card--visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.services__feature-card--warm{border-color:oklch(75% .12 55/.2)}.services__feature-card--cool{border-color:oklch(72% .08 185/.2)}.services__feature-card--subtle{border-color:oklch(68% .06 320/.2)}.services__feature-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.services__feature-number{font-size:var(--text-xs);color:var(--text-muted)}.services__feature-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.services__feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.services__feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);opacity:0;transform:translateX(-10px);transition:all var(--duration-normal) var(--ease-out-expo);transition-delay:var(--delay)}.services__feature-card--visible .services__feature-item{opacity:1;transform:translateX(0)}.services__feature-dot{width:6px;height:6px;border-radius:50%;background:var(--border-hover)}.services__feature-card--warm .services__feature-dot{background:var(--accent-warm)}.services__feature-card--cool .services__feature-dot{background:var(--accent-cool)}.services__feature-card--subtle .services__feature-dot{background:var(--accent-subtle)}.services__feature-pattern{position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle at center,oklch(75% .12 55/.05) 0,transparent 70%);border-radius:50%;pointer-events:none}.services__feature-card--cool .services__feature-pattern{background:radial-gradient(circle at center,oklch(72% .08 185/.05) 0,transparent 70%)}.services__feature-card--subtle .services__feature-pattern{background:radial-gradient(circle at center,oklch(68% .06 320/.05) 0,transparent 70%)}.services__feature-default{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-2xl)}.services__feature-default-icon{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--border-hover)}.services__feature-default-bracket{color:var(--accent-warm);opacity:.5}.services__feature-default-dots{animation:pulse 2s ease-in-out infinite}.services__feature-default-text{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width:1024px){.services__features{min-height:auto}.services__feature-card,.services__feature-default{position:relative;display:none}.services__feature-card--visible{display:block;margin-top:var(--space-4)}}.skills{background:var(--bg-primary);position:relative}.skills__header{text-align:center;margin-bottom:var(--space-16)}.skills__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;display:inline-block}.skills__title-code{font-size:.5em;font-weight:400;vertical-align:middle;color:var(--text-muted)}.skills__title-keyword{color:var(--accent-subtle)}.skills__title-var{color:var(--accent-cool)}.skills__layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8)}@media (max-width:1024px){.skills__layout{grid-template-columns:1fr}}.skills__categories{display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width:1024px){.skills__categories{flex-direction:row;flex-wrap:wrap}}.skills__category{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.skills__category:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.skills__category--active{border-color:transparent;background:var(--bg-secondary)}.skills__category-number{font-size:var(--text-xs);color:var(--text-muted);opacity:.5}.skills__category-title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);flex:1;transition:color var(--duration-fast) var(--ease-out-expo)}.skills__category--active .skills__category-title{color:var(--text-primary)}.skills__category-bar{width:40px;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.skills__category-fill{width:0;height:100%;border-radius:2px;transition:width var(--duration-slow) var(--ease-out-expo)}.skills__category--warm .skills__category-fill{background:var(--accent-warm)}.skills__category--cool .skills__category-fill{background:var(--accent-cool)}.skills__category--subtle .skills__category-fill{background:var(--accent-subtle)}.skills__category--muted .skills__category-fill{background:var(--text-secondary)}.skills__category--active .skills__category-fill{width:100%}.skills__display{position:relative;padding:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);min-height:400px}.skills__display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.skills__display-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.skills__display-count{font-size:var(--text-xs);color:var(--text-muted)}.skills__bars{display:flex;flex-direction:column;gap:var(--space-5)}.skill-bar{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;animation-delay:var(--delay)}.skill-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.skill-bar__name{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out-expo)}.skill-bar--hovered .skill-bar__name{color:var(--text-primary)}.skill-bar__level{font-size:var(--text-xs);color:var(--text-muted);opacity:0;transform:translateX(-4px);transition:all var(--duration-fast) var(--ease-out-expo)}.skill-bar--hovered .skill-bar__level{opacity:1;transform:translateX(0)}.skill-bar__track{position:relative;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.skill-bar__fill{position:absolute;top:0;left:0;height:100%;width:var(--level);border-radius:3px;transform:scaleX(0);transform-origin:left;animation:fillBar .8s var(--ease-out-expo) forwards;animation-delay:calc(var(--delay) + .2s)}@keyframes fillBar{to{transform:scaleX(1)}}.skill-bar--warm .skill-bar__fill{background:linear-gradient(90deg,var(--accent-warm),oklch(78% .14 40))}.skill-bar--cool .skill-bar__fill{background:linear-gradient(90deg,var(--accent-cool),oklch(75% .1 200))}.skill-bar--subtle .skill-bar__fill{background:linear-gradient(90deg,var(--accent-subtle),oklch(72% .08 340))}.skill-bar--muted .skill-bar__fill{background:linear-gradient(90deg,var(--text-muted),var(--text-secondary))}.skill-bar__glow{position:absolute;top:0;left:0;height:100%;width:var(--level);opacity:0;filter:blur(8px);transition:opacity var(--duration-fast) var(--ease-out-expo)}.skill-bar--hovered .skill-bar__glow{opacity:.5}.skill-bar--warm .skill-bar__glow{background:var(--accent-warm)}.skill-bar--cool .skill-bar__glow{background:var(--accent-cool)}.skill-bar--subtle .skill-bar__glow{background:var(--accent-subtle)}.skills__display-decoration{position:absolute;bottom:var(--space-6);right:var(--space-6);pointer-events:none}.skills__display-bracket{font-family:var(--font-mono);font-size:4rem;font-weight:200;color:var(--border-subtle);opacity:.3}