.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--section-padding) 0}.section__header{text-align:center;max-width:640px;margin:0 auto var(--space-4xl)}.section__label{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full)}.section__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--space-lg);letter-spacing:-.02em}.section__title em{font-style:italic}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--outline{border:1.5px solid var(--color-border);color:var(--color-text-primary);background:transparent}.btn--outline:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.btn--full{width:100%;justify-content:center}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);border-radius:0;border:1px solid transparent;background:transparent;transition:all .6s cubic-bezier(.16,1,.3,1)}.navbar--scrolled{top:var(--space-md);left:var(--space-md);right:var(--space-md);max-width:var(--max-width);margin:0 auto;border-radius:var(--radius-full);background:#ffffff4d;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px -10px #0000001a}.navbar__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;z-index:101}.navbar__logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:800}.navbar__links{display:flex;align-items:center;gap:var(--space-2xl)}.navbar__link{font-size:var(--text-sm);font-weight:400;color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--color-accent);transition:width var(--transition-base)}.navbar__link:hover{color:var(--color-text-primary)}.navbar__link:hover:after{width:100%}.navbar__cta{font-size:var(--text-sm);font-weight:500;padding:10px 24px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);transition:all var(--transition-base)}.navbar__cta:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.navbar__menu-btn{display:none}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:200;display:flex;flex-direction:column;padding:0 var(--space-xl);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.mobile-menu--open{opacity:1;pointer-events:auto}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;height:var(--nav-height)}.mobile-menu__links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-xl)}.mobile-menu__link{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;display:flex;align-items:center;gap:var(--space-lg);opacity:0;transform:translateY(20px)}.mobile-menu--open .mobile-menu__link{animation:slideIn .5s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.mobile-menu__link-num{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400}.mobile-menu__footer{display:flex;gap:var(--space-xl);padding-bottom:var(--space-2xl)}.mobile-menu__social{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.mobile-menu__social:hover{color:var(--color-text-primary)}.spline-loader{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:var(--color-bg-alt)}.spline-loader__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spline-spin .8s linear infinite}@keyframes spline-spin{to{transform:rotate(360deg)}}.spline-loader__text{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.05em}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-start;overflow:hidden}.hero__spline-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;transform:scale(1.05) translateY(-100px)}.hero__overlay{position:relative;z-index:2;width:100%;max-width:var(--max-width);margin:0 auto;padding:calc(var(--nav-height) + 10px) var(--space-xl) var(--space-3xl);pointer-events:none}.hero__overlay .btn,.hero__overlay .hero__badge,.hero__overlay a{pointer-events:auto}.hero__text{width:100%;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.hero__text--visible{opacity:1;transform:translateY(0)}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-2xl);background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero__title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-xl)}.hero__name{font-style:italic;position:relative}.hero__title-rest{color:var(--color-text-secondary)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;max-width:480px;margin-bottom:var(--space-lg)}.hero__actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl)}.hero__content-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xl);width:100%}.hero__stats{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.5)}.hero__stat-number{display:block;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.hero__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.hero__stat-divider{width:1px;height:40px;background:var(--color-border)}.hero__mobile-stats-bar,.hero__mobile-text{display:none}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.project-card{position:relative;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);overflow:hidden;opacity:0;will-change:transform,opacity;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .3s ease}.project-card--visible{animation:cardReveal .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardReveal{0%{opacity:0;transform:perspective(1000px) rotateX(10deg) translateY(60px) scale(.96);filter:blur(8px)}to{opacity:1;transform:perspective(1000px) rotateX(0) translateY(0) scale(1);filter:blur(0)}}.project-card__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;opacity:0;transition:opacity .5s ease;pointer-events:none;mix-blend-mode:overlay}.project-card:hover{border-color:#00000026;box-shadow:0 20px 40px -15px #00000014,0 0 0 1px #00000005}.project-card:hover .project-card__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.25) 45%,transparent 60%);transform:translate(-100%);animation:shimmer 1.2s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none;z-index:2}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(150%)}}.project-card__visual{position:relative;padding:var(--space-2xl);display:flex;align-items:center;justify-content:center;height:260px;overflow:hidden}.project-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card__image{transform:scale(1.08)}.project-card__phone{width:120px;height:220px;background:var(--color-bg);border-radius:20px;border:1.5px solid;padding:10px 8px;box-shadow:var(--shadow-md);transition:transform var(--transition-slow)}.project-card:hover .project-card__phone{transform:translateY(-8px) rotate(-2deg)}.project-card__phone-notch{width:40px;height:4px;border-radius:var(--radius-full);margin:0 auto 10px}.project-card__phone-content{display:flex;flex-direction:column;gap:6px}.project-card__phone-line{height:6px;border-radius:var(--radius-full)}.project-card__phone-block{width:100%;height:36px;border-radius:var(--radius-sm);margin-top:4px}.project-card__info{padding:var(--space-xl)}.project-card__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.project-card__category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.project-card__year{font-size:var(--text-xs);color:var(--color-text-tertiary)}.project-card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm)}.project-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.project-card__tech-tag{font-size:var(--text-xs);font-weight:500;padding:4px 12px;background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-secondary)}.project-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.project-card__platforms{display:flex;gap:var(--space-sm);color:var(--color-text-tertiary)}.project-card__link{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast);text-decoration:none}.project-card__link:hover{gap:var(--space-sm);color:var(--color-accent)}.project-card__link--detail{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:600;color:var(--color-accent);padding:0}.project-card__links{display:flex;align-items:center;gap:var(--space-md)}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:fadeIn .3s ease}.project-modal__content{background:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}.project-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:50%;background:#0000004d;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;transition:background .2s}.project-modal__close:hover{background:#00000080}.project-modal__media-container{width:100%;height:400px;position:relative;overflow:hidden;background:var(--color-bg-alt);display:flex;flex-direction:column}.project-modal__media-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-modal__image,.project-modal__video{width:100%;height:100%;object-fit:cover;object-position:center}.project-modal__dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border-light)}.project-modal__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:all .3s ease}.project-modal__dot:hover{background:var(--color-text-tertiary)}.project-modal__dot.is-active{background:var(--color-accent);transform:scale(1.3)}.project-modal__body{padding:var(--space-2xl)}.project-modal__category{font-size:var(--text-sm);color:var(--color-accent);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.project-modal__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;margin:var(--space-sm) 0 var(--space-md);color:var(--color-text-primary)}.project-modal__tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.project-modal__desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.project-modal__meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.project-modal__platforms{display:flex;gap:var(--space-sm);color:var(--color-text-tertiary)}.project-modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in-section{opacity:0;transform:translateY(100px) scale(.95);filter:blur(6px);visibility:hidden;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.fade-in-section.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);visibility:visible}.about__layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4xl);align-items:start}.about__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.about__text strong{color:var(--color-text-primary);font-weight:600}.about__skills{margin-top:var(--space-2xl)}.about__skills-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-lg)}.about__skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.about__skill-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 18px;font-size:var(--text-sm);font-weight:500;background:#121212;border-radius:var(--radius-full);color:#fff;border:1px solid rgba(255,255,255,.12);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .4s ease;will-change:transform}.about__skill-tag svg{transition:transform .3s ease;flex-shrink:0;fill:currentColor}.about__skill-tag:hover{background:color-mix(in srgb,var(--skill-color) 12%,#121212);color:var(--skill-color);border-color:color-mix(in srgb,var(--skill-color) 45%,rgba(255,255,255,.12));transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px -8px color-mix(in srgb,var(--skill-color) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--skill-color),transparent)}.about__skill-tag:hover svg{transform:scale(1.2) rotate(8deg)}.experience__list{max-width:800px;margin:0 auto}.experience__item{display:grid;grid-template-columns:200px 1fr;gap:var(--space-2xl);padding:var(--space-2xl) 0;border-bottom:1px solid var(--color-border-light);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease;will-change:transform}.experience__item:hover{transform:translate(10px)}.experience__item:last-child{border-bottom:none}.experience__period{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500;white-space:nowrap}.experience__role{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-xs)}.experience__company{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500;display:block;margin-bottom:var(--space-md)}.experience__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.contact{background:var(--color-bg-alt)}.contact__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.contact__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.contact__title em{font-style:italic}.contact__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2xl)}.contact__links{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.contact__link{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.contact__link:hover{color:var(--color-text-primary)}.contact__socials{display:flex;gap:var(--space-md)}.contact__social{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-base)}.contact__social:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.contact__form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__form-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.contact__form-input{width:100%;padding:14px 18px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.contact__form-input::placeholder{color:var(--color-text-tertiary)}.contact__form-input:focus{border-color:var(--color-accent)}.contact__form-textarea{resize:vertical;min-height:120px}.footer{padding-top:60px;padding-bottom:60px;border-top:1px solid var(--color-border-light)}.footer__main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer__brand{display:flex;flex-direction:column;gap:16px}.footer__nav{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.footer__links{display:flex;gap:24px;flex-wrap:wrap}.footer__socials{display:flex;gap:16px}.footer__bottom{padding-top:24px;border-top:1px solid var(--color-border);text-align:left}.footer__copy{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer__link{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-primary)}@media(max-width:1024px){.hero__content{grid-template-columns:1fr;gap:var(--space-2xl)}.hero__3d-container{max-width:400px;margin:0 auto}.about__layout,.contact__layout{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.navbar__links,.navbar__cta{display:none}.navbar__menu-btn{display:block}.projects__grid{grid-template-columns:1fr}.experience__item{grid-template-columns:1fr;gap:var(--space-sm)}.footer__main{flex-direction:column;align-items:center;text-align:center}.footer__brand,.footer__nav{align-items:center}.footer__links{justify-content:center}.footer__bottom{text-align:center}.hero__actions{flex-direction:column}.hero{min-height:75vw;max-height:460px;overflow:hidden}.hero__spline-bg{transform:none!important;width:100%!important;left:0!important;right:0!important;overflow:hidden}.hero__spline-bg canvas,.hero__spline-bg spline-viewer,.hero__spline-bg iframe{width:100%!important;transform:scale(1.6) translateY(-5%)!important;transform-origin:center 40%!important}.hero__overlay{display:none!important}.hero__mobile-stats-bar{display:flex;align-items:center;justify-content:space-around;padding:var(--space-xl) var(--space-lg);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);gap:var(--space-md)}.hero__stats--desktop{display:none!important}.hero__mobile-text{display:block;padding:var(--space-xl) var(--space-lg);background:var(--color-bg)}.hero__mobile-text .hero__subtitle{font-size:var(--text-base);margin-bottom:var(--space-lg);max-width:100%}.hero__mobile-text .hero__actions{flex-direction:column;gap:var(--space-md);margin-bottom:0}}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-light);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;font-weight:500;box-shadow:0 10px 30px #0000001a;transform:translateY(100px);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:9999}.toast svg{color:#10b981}.toast.toast--visible{transform:translateY(0);opacity:1;visibility:visible}@media(max-width:768px){.toast{bottom:1rem;right:1rem;left:1rem;justify-content:center}}.project-detail-page{padding-top:calc(var(--nav-height) + 60px);padding-bottom:var(--space-4xl);min-height:100vh;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-detail__header{margin-bottom:var(--space-2xl)}.project-detail__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);font-family:var(--font-body)}.project-detail__category{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.project-detail__year{font-size:var(--text-sm);color:var(--color-text-tertiary)}.project-detail__title{font-family:var(--font-heading);font-size:40px;font-weight:700;color:var(--color-text-primary);line-height:1.1}.project-detail__media-container{width:100%;aspect-ratio:16 / 9;background:var(--color-bg-alt);border-radius:var(--radius-xl);overflow:hidden;position:relative;margin-bottom:var(--space-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.project-detail__media-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-detail__image,.project-detail__video{width:100%;height:100%;object-fit:contain;background:transparent}.project-detail__dots{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:10}.project-detail__dot{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.project-detail__dot:hover{background:#fffc}.project-detail__dot.is-active{background:var(--color-accent);transform:scale(1.2);border-color:#fffc}.project-detail__body{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3xl)}.project-detail__content h3{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.project-detail__desc{font-size:var(--text-lg);line-height:1.8;color:var(--color-text-secondary);white-space:pre-line}.project-detail__sidebar{display:flex;flex-direction:column;height:fit-content;position:sticky;top:calc(var(--nav-height) + 40px)}.project-detail__sidebar-group{margin-bottom:var(--space-md);background:#f4f4f699;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-lg);border-radius:var(--radius-lg);transition:transform .3s ease,box-shadow .3s ease}.project-detail__sidebar-group:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-detail__sidebar-group h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.project-detail__actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}@media(max-width:992px){.project-detail__body{grid-template-columns:1fr}.project-detail__sidebar{position:static}}@media(max-width:768px){.project-detail-page{padding-top:calc(var(--nav-height) + 30px)}.project-detail__title{font-size:var(--text-3xl)}.project-detail__media-container{border-radius:var(--radius-lg)}}.skeleton-box{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);opacity:.7}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-detail__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);color:var(--color-text-primary);cursor:pointer;z-index:20;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.project-detail__arrow:hover{background:#ffffff80;transform:translateY(-50%) scale(1.1)}.project-detail__arrow--left{left:20px}.project-detail__arrow--right{right:20px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.lightbox__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.lightbox__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.lightbox__close{position:absolute;top:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast)}.lightbox__close:hover{background:#ffffff4d;transform:scale(1.1)}.about__profile-img{width:100%;max-width:320px;height:auto;border-radius:var(--radius-xl);margin-top:var(--space-2xl);object-fit:cover;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.about__profile-img:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px #00000026}.project-detail__tech{display:flex;flex-wrap:wrap;gap:8px}.project-detail__tech-tag{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-surface);padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all var(--transition-fast)}.project-detail__tech-tag:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}.project-detail__platforms{display:flex;gap:12px;font-size:24px}.platform-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.platform-icon:hover{color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-text-primary)}.project-detail__btn{border-radius:var(--radius-lg);padding:14px 24px;font-weight:600;justify-content:center;display:flex;align-items:center;gap:12px;transition:all var(--transition-base)}.project-detail__btn svg{width:20px;height:20px}.project-detail__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}:root{--admin-primary: #6366F1;--admin-primary-hover: #4F46E5;--admin-danger: #EF4444;--admin-danger-hover: #DC2626;--admin-bg: #F9FAFB;--admin-card: #FFFFFF;--admin-text: #111827;--admin-text-muted: #6B7280;--admin-border: #E5E7EB;--admin-shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--admin-radius: 12px}.admin-toast{position:fixed;bottom:24px;right:24px;padding:14px 24px;background:#1f2937;color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1100;font-size:14px;font-weight:500;animation:adminSlideUp .3s ease forwards}.admin-toast--error{background:var(--admin-danger)}@keyframes adminSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--admin-bg);padding:var(--space-xl);font-family:var(--font-body)}.admin-login-card{width:100%;max-width:440px;background:var(--admin-card);padding:var(--space-3xl);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);border:1px solid var(--admin-border);text-align:center}.admin-login-logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--admin-primary);color:#fff;font-family:var(--font-heading);font-size:24px;font-weight:700;border-radius:50%;margin-bottom:var(--space-xl)}.admin-login-card h2{font-family:var(--font-heading);font-size:24px;font-weight:700;margin-bottom:var(--space-xs);color:var(--admin-text)}.admin-login-subtitle{color:var(--admin-text-muted);font-size:14px;margin-bottom:var(--space-2xl)}.admin-error-box{background:#fef2f2;color:var(--admin-danger);padding:var(--space-md);border-radius:8px;font-size:14px;text-align:left;margin-bottom:var(--space-xl);border:1px solid #FCA5A5}.admin-warning-box{background:#fffbeb;color:#b45309;padding:var(--space-md);border-radius:8px;font-size:13px;text-align:left;margin-bottom:var(--space-xl);border:1px solid #FCD34D}.admin-warning-box strong{display:block;margin-bottom:4px}.admin-input-group{text-align:left;margin-bottom:var(--space-lg)}.admin-input-group label{display:block;font-size:13px;font-weight:600;color:var(--admin-text);margin-bottom:6px}.admin-input-group input{width:100%;padding:12px 16px;border:1px solid var(--admin-border);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.admin-input-group input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6366f126}.admin-btn-login{width:100%;padding:14px;background:var(--admin-primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:var(--space-md)}.admin-btn-login:hover:not(:disabled){background:var(--admin-primary-hover)}.admin-btn-login:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{margin-top:var(--space-xl)}.admin-login-footer a{font-size:13px;color:var(--admin-primary);text-decoration:none;font-weight:500}.admin-login-footer a:hover{text-decoration:underline}.admin-dashboard{min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:var(--font-body)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-3xl);background:var(--admin-card);border-bottom:1px solid var(--admin-border)}.admin-header__brand{display:flex;align-items:center;gap:var(--space-md)}.admin-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--admin-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:20px;border-radius:8px}.admin-header__brand h1{font-family:var(--font-heading);font-size:18px;font-weight:700;margin:0}.admin-user-badge{font-size:12px;color:var(--admin-text-muted)}.admin-header__actions{display:flex;align-items:center;gap:var(--space-sm)}.admin-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;outline:none;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.admin-btn--primary{background:var(--admin-primary);color:#fff}.admin-btn--primary:hover{background:var(--admin-primary-hover)}.admin-btn--outline{background:transparent;border-color:var(--admin-border);color:var(--admin-text)}.admin-btn--outline:hover{background:#00000008;border-color:var(--admin-text-muted)}.admin-btn--danger{background:var(--admin-danger);color:#fff}.admin-btn--danger:hover{background:var(--admin-danger-hover)}.admin-content{max-width:var(--max-width);margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.admin-tabs{display:flex;gap:var(--space-xs);border-bottom:2px solid var(--admin-border);margin-bottom:var(--space-2xl);padding-bottom:1px}.admin-tab{padding:12px 20px;background:transparent;border:none;font-size:15px;font-weight:600;color:var(--admin-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.admin-tab:hover{color:var(--admin-text)}.admin-tab.is-active{color:var(--admin-primary);border-bottom-color:var(--admin-primary)}.admin-table-container{background:var(--admin-card);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);border:1px solid var(--admin-border);overflow:hidden;padding:var(--space-2xl)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl)}.admin-section-header h2{font-family:var(--font-heading);font-size:20px;font-weight:700;margin:0}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:12px 16px;font-size:13px;font-weight:600;color:var(--admin-text-muted);border-bottom:1px solid var(--admin-border);text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:16px;border-bottom:1px solid var(--admin-border);font-size:14px;vertical-align:middle}.admin-table tbody tr:hover{background:#00000001}.admin-td-visual{width:50px;height:50px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--admin-border)}.admin-td-visual img{width:100%;height:100%;object-fit:cover}.admin-visual-fallback{font-weight:700;font-size:18px}.admin-platforms-row{display:flex;gap:4px;margin-top:6px}.admin-tag-platform{font-size:10px;text-transform:uppercase;font-weight:700;padding:2px 6px;border-radius:4px;background:#e5e7eb;color:#374151}.admin-tech-cell{display:flex;flex-wrap:wrap;gap:4px;max-width:280px}.admin-tag-tech{font-size:11px;background:#eef2ff;color:#4f46e5;padding:3px 8px;border-radius:12px;font-weight:500}.admin-period-pill{font-size:12px;font-weight:600;color:var(--admin-primary);background:#6366f114;padding:4px 10px;border-radius:12px;white-space:nowrap}.admin-desc-cell{max-width:400px;font-size:13px;color:var(--admin-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-actions-cell{display:flex;gap:6px}.admin-action-btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.admin-action-btn--edit{background:#f3f4f6;border-color:var(--admin-border);color:var(--admin-text)}.admin-action-btn--edit:hover{background:#e5e7eb}.admin-action-btn--delete{background:transparent;border-color:#fca5a5;color:var(--admin-danger)}.admin-action-btn--delete:hover{background:#fef2f2;border-color:var(--admin-danger)}.admin-empty-state{text-align:center;padding:var(--space-4xl) 0;color:var(--admin-text-muted)}.admin-empty-state p{margin-bottom:var(--space-lg)}.admin-loading-state{text-align:center;padding:var(--space-4xl) 0;color:var(--admin-text-muted)}.admin-spinner{width:36px;height:36px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:adminSpin .8s linear infinite;margin:0 auto var(--space-md)}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.admin-modal{width:100%;max-width:680px;background:var(--admin-card);border-radius:var(--admin-radius);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--admin-border);max-height:90vh;display:flex;flex-direction:column;animation:adminModalScale .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes adminModalScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--admin-border)}.admin-modal-header h2{font-family:var(--font-heading);font-size:18px;font-weight:700;margin:0}.admin-modal-close{background:transparent;border:none;font-size:28px;cursor:pointer;color:var(--admin-text-muted)}.admin-modal-close:hover{color:var(--admin-text)}.admin-modal-form{overflow-y:auto;padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-lg)}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-form-group label{font-size:13px;font-weight:600;color:var(--admin-text)}.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group select,.admin-form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--admin-border);border-radius:6px;font-size:14px;outline:none;background:#fff}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:var(--admin-primary)}.admin-color-picker-row{display:flex;gap:8px;align-items:center}.admin-color-picker-row input[type=color]{width:42px;height:42px;padding:0;border:1px solid var(--admin-border);border-radius:6px;cursor:pointer;background:none}.admin-checkbox-row{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:6px 0}.admin-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.admin-checkbox-label input{width:16px;height:16px;accent-color:var(--admin-primary)}.admin-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-xl) var(--space-2xl);border-top:1px solid var(--admin-border)}.admin-upload-field{display:flex;flex-direction:column;gap:8px}.admin-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background:#eef2ff;color:#4f46e5;border:1px dashed #C7D2FE;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease}.admin-upload-btn:hover{background:#e0e7ff;border-color:#818cf8}.admin-url-input{margin-top:4px}.admin-upload-preview{margin-top:8px;width:100%;max-height:160px;border-radius:6px;overflow:hidden;border:1px solid var(--admin-border);display:flex;align-items:center;justify-content:center;background:#f9fafb}.admin-upload-preview img{max-width:100%;max-height:160px;object-fit:contain}.admin-media-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.admin-media-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border:1px solid var(--admin-border);border-radius:8px}.admin-media-thumb{width:48px;height:36px;object-fit:cover;border-radius:4px;background:#e5e7eb}.admin-media-label{flex:1;font-size:13px;color:var(--admin-text-muted);font-weight:500}.admin-media-remove{background:transparent;border:none;color:var(--admin-danger);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.admin-media-remove:hover{background:#fef2f2}:root{--color-bg: #FFFFFF;--color-bg-alt: #F7F7F8;--color-bg-elevated: #FFFFFF;--color-surface: #F0F0F2;--color-surface-hover: #E8E8EC;--color-border: #E2E2E6;--color-border-light: #F0F0F2;--color-text-primary: #0A0A0B;--color-text-secondary: #52525B;--color-text-tertiary: #94949E;--color-text-inverse: #FFFFFF;--color-accent: #0A0A0B;--color-accent-hover: #27272A;--color-accent-subtle: #F4F4F5;--font-heading: "Syne", sans-serif;--font-body: "Inter", sans-serif;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1rem, .95rem + .3vw, 1.15rem);--text-xl: clamp(1.15rem, 1rem + .5vw, 1.35rem);--text-2xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);--text-3xl: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);--text-4xl: clamp(2.5rem, 1.8rem + 2.5vw, 4rem);--text-5xl: clamp(3rem, 2rem + 3.5vw, 5.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--section-padding: clamp(4rem, 6vw, 8rem);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .1);--max-width: 1200px;--nav-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}