@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #000000;--bg-secondary: transparent;--bg-elevated: rgba(17, 17, 17, .3);--bg-card: rgba(22, 22, 22, .4);--bg-card-hover: rgba(28, 28, 28, .6);--accent: #2dd4bf;--accent-dim: rgba(45, 212, 191, .12);--accent-border: rgba(45, 212, 191, .2);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-muted: #6e6e73;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--bg-frost: rgba(16, 16, 16, .6);--frost-blur: blur(24px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--section-padding: 24px 0;--container-width: 1120px;--content-gutter: clamp(20px, 4vw, 32px);--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#333 #0a0a0a;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;isolation:isolate}.app-shell{position:relative;min-height:100vh;max-width:100vw;overflow-x:hidden;background:radial-gradient(circle at top,rgba(45,212,191,.08),transparent 32%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.06),transparent 28%),var(--bg-primary)}.app-shell__background{contain:paint}.app-shell__main{position:relative;z-index:1}.app-shell__sections{position:relative}.app-shell__main>section,.app-shell__sections>section{position:relative;width:100%;overflow-x:hidden;isolation:isolate;scroll-margin-top:calc(var(--nav-height) + 24px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.15;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:var(--font-body)}img{max-width:100%;display:block}.container{width:min(100%,calc(var(--container-width) + (var(--content-gutter) * 2)));margin:0 auto;padding:0 var(--content-gutter)}.section-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.03em}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:520px;margin-bottom:clamp(40px,6vw,64px);font-weight:400;line-height:1.6}.accent-text{color:var(--accent)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent);color:#000;font-weight:600;font-size:.9rem;border-radius:var(--radius-full);transition:all .2s ease;letter-spacing:-.01em}.btn-primary:hover{opacity:.85;transform:scale(1.02)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:var(--text-primary);font-weight:600;font-size:.9rem;border-radius:var(--radius-full);border:1px solid var(--border);transition:all .2s ease;letter-spacing:-.01em}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff0a}.card{background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-hover);background:#ffffff0a}.background-glows{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.background-glows:after{content:"";position:absolute;inset:0;backdrop-filter:blur(120px);-webkit-backdrop-filter:blur(120px);z-index:1}.glow-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.48;animation:floatOrb 15s infinite ease-in-out alternate;will-change:transform}.glow-orb--1{width:clamp(18rem,34vw,30rem);height:clamp(18rem,34vw,30rem);background:#2dd4bf40;top:-5rem;left:-7rem;animation-delay:0s;animation-duration:18s}.glow-orb--2{width:clamp(16rem,30vw,26rem);height:clamp(16rem,30vw,26rem);background:#7c3aed33;bottom:-7rem;right:-5rem;animation-delay:-3s;animation-duration:22s}.glow-orb--3{width:clamp(14rem,26vw,22rem);height:clamp(14rem,26vw,22rem);background:#06b6d433;top:36%;left:52%;animation-delay:-7s;animation-duration:26s}@media(max-width:768px){:root{--section-padding: 24px 0}}@keyframes floatOrb{0%{transform:translateZ(0) scale(1) rotate(0)}33%{transform:translate3d(36px,24px,0) scale(1.08) rotate(32deg)}66%{transform:translate3d(-28px,34px,0) scale(.92) rotate(80deg)}to{transform:translate3d(-42px,-18px,0) scale(1.02) rotate(160deg)}}.loader-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.loader-content{text-align:center;position:relative}.loader-bar{width:80px;height:1px;background:var(--accent);margin:0 auto 28px;transform-origin:left;opacity:.6}.loader-name{font-family:var(--font-heading);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.loader-tagline{font-size:.85rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-weight:400}.navbar{position:fixed;top:0;left:0;right:0;width:100%;max-width:100vw;overflow-x:hidden;z-index:9000;height:var(--nav-height);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.navbar--scrolled{background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border-bottom-color:var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;min-width:0}.navbar__logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);min-width:0}.navbar__links{display:flex;gap:4px;list-style:none}.navbar__link{position:relative;padding:8px 14px;font-size:.82rem;font-weight:400;color:var(--text-muted);border-radius:var(--radius-full);transition:color .2s}.navbar__link:hover,.navbar__link--active{color:var(--text-primary)}.navbar__link--active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent);border-radius:50%}.navbar__toggle{display:none;background:none;color:var(--text-primary);padding:8px;line-height:0}.mobile-menu{position:fixed;inset:0;z-index:8999;background:#000000f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.mobile-menu__header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;padding:16px}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid var(--border);color:var(--text-primary)}.mobile-menu__links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-menu__link{font-size:1.1rem;padding:12px 24px;color:var(--text-muted);transition:color .2s}.mobile-menu__link:hover,.mobile-menu__link--active{color:var(--text-primary)}@media(max-width:768px){.navbar__toggle{display:flex;align-items:center;justify-content:center;position:relative;z-index:9002}.navbar__links{display:none}}.cursor-glow{position:fixed;top:0;left:0;width:320px;height:320px;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s ease;will-change:transform;contain:layout paint}.cursor-glow.visible{opacity:1}.cursor-glow__inner{position:absolute;inset:72px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.2) 0%,transparent 70%);filter:blur(20px)}.cursor-glow__outer{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.08) 0%,transparent 60%);filter:blur(40px)}@media(max-width:768px){.cursor-glow{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 48px) 0 72px}.hero__scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero__particles{position:absolute;inset:0;opacity:.7}.hero__3d{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.42}.hero__3d canvas{width:100%!important;height:100%!important}.hero__content{position:relative;z-index:1;text-align:center;max-width:680px;width:100%}.hero__greeting{font-size:.9rem;color:var(--accent);font-weight:500;margin-bottom:16px;letter-spacing:2px;text-transform:uppercase}.hero__name{font-family:var(--font-heading);font-size:clamp(3rem,8vw,5.5rem);font-weight:800;color:var(--text-primary);line-height:1.05;margin-bottom:16px;letter-spacing:-.04em}.hero__role{font-family:var(--font-heading);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500;color:var(--text-secondary);margin-bottom:20px;letter-spacing:-.01em}.hero__tagline{font-size:1rem;color:var(--text-muted);max-width:520px;margin:0 auto 24px;line-height:1.7}.hero__quote{font-size:.75rem;font-style:italic;color:var(--text-muted);max-width:420px;margin:0 auto 32px;opacity:.5}.hero__quote-author{font-style:normal;font-size:.7rem;color:var(--text-muted);margin-left:8px;opacity:.7}.hero__buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero__scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;color:var(--text-muted)}.hero__scroll-arrow{font-size:1.2rem;animation:bounceDown 2s ease infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(max-width:768px){.hero{padding:calc(var(--nav-height) + 32px) 0 56px}.hero__content{max-width:560px}.hero__scroll-indicator{bottom:24px}}.about{padding:var(--section-padding)}.about__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:80px;align-items:center;margin-bottom:80px}.about__grid>*{min-width:0}.about__text p{color:var(--text-secondary);margin-bottom:20px;font-size:1rem;line-height:1.8}.about__text strong{font-weight:600;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about__visual{display:flex;justify-content:center}.about__avatar-frame{position:relative;width:min(360px,80vw);height:min(360px,80vw);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:1px solid var(--border)}.about__avatar-inner{width:88%;height:88%;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.about__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.about__avatar-glow{position:absolute;inset:-20px;border-radius:50%;background:var(--accent);z-index:-1;opacity:.04;filter:blur(40px)}.about__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.about__stat{text-align:center;padding:32px 16px;background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.about__stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.about__stat:hover{border-color:var(--accent-border);box-shadow:0 0 24px #2dd4bf0f}.about__stat:hover:before{opacity:1}.about__stat-icon{font-size:1.4rem;color:var(--accent);margin-bottom:12px}.about__stat-value{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.02em}.about__stat-label{font-size:.8rem;color:var(--text-muted);font-weight:400}.about__showcase{margin-top:64px}.about__carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:border-color .3s}.about__carousel:hover{border-color:var(--accent-border)}.about__carousel-container{position:relative;aspect-ratio:16 / 9;overflow:hidden}.about__carousel-img{width:100%;height:100%;object-fit:cover}.about__carousel-overlay-top{position:absolute;top:0;left:0;right:0;height:50%;padding:20px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-start;justify-content:space-between;z-index:2}.about__carousel-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.about__carousel-link{font-size:.8rem;font-weight:500;color:var(--accent);transition:opacity .2s}.about__carousel-link:hover{opacity:.7}.about__carousel-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:50%;padding:20px 24px 40px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 12px;z-index:2}.about__carousel-overlay-bottom span{font-size:.85rem;color:var(--text-secondary)}.about__carousel-overlay-bottom a{font-size:.85rem;font-weight:600;color:var(--accent);transition:opacity .2s}.about__carousel-overlay-bottom a:hover{opacity:.7}.about__carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:2}.about__carousel-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.about__carousel-btn--prev{left:16px}.about__carousel-btn--next{right:16px}.about__carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.about__carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff6;transition:background .2s,transform .2s}.about__carousel-dot:hover{background:#fff9}.about__carousel-dot.active{background:var(--accent);transform:scale(1.2)}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:32px;text-align:center;margin-bottom:32px}.about__visual{order:-1}.about__avatar-frame{width:180px;height:180px}.about__avatar-inner{width:150px;height:150px}.about__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.about__showcase{margin-top:24px}.about__carousel-container{aspect-ratio:auto;overflow:visible}.about__carousel-img{height:auto;aspect-ratio:16 / 9}.about__carousel-overlay-top{position:static;height:auto;background:none;padding:10px 14px 4px}.about__carousel-overlay-bottom{position:static;height:auto;background:none;padding:4px 14px 0;align-items:center}.about__carousel-btn{display:none}.about__carousel-dots{position:static;transform:none;padding:10px 0;justify-content:center}}.skills{padding:var(--section-padding);background:var(--bg-secondary)}.skills__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.skills__category{background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s}.skills__category:hover{border-color:var(--border-hover)}.skills__category-title{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.skills__chips{display:flex;flex-wrap:wrap;gap:10px}.skills__chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-full);transition:all .2s;cursor:default}.skills__chip:hover{border-color:var(--accent-border);background:var(--accent-dim)}.skills__chip-icon{font-size:1.1rem;color:var(--accent);display:flex}.skills__chip-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}@media(max-width:768px){.skills__grid{grid-template-columns:1fr}}.project-card{overflow:hidden;min-width:0;background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s,background .2s}.project-card:hover{border-color:var(--accent-border)}.project-card__image{position:relative;height:220px;overflow:hidden}.project-card__video-wrapper{position:relative;width:100%;height:100%;background:#000}.project-card__yt-target{width:100%;height:100%}.project-card__yt-target iframe{width:100%;height:100%;display:block}.project-card__controls{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#00000059;opacity:0;transition:opacity .3s ease;cursor:pointer}.project-card__controls.visible{opacity:1}.project-card__play-btn{width:56px;height:56px;border-radius:50%;background:#2dd4bfe6;color:#000;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #2dd4bf59}.project-card__play-btn:hover{transform:scale(1.12);box-shadow:0 6px 28px #2dd4bf80}.project-card__bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);cursor:default}.project-card__time{font-size:.7rem;color:#ffffffb3;font-variant-numeric:tabular-nums;min-width:32px;-webkit-user-select:none;user-select:none}.project-card__progress{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative;transition:height .15s}.project-card__progress:hover{height:6px}.project-card__progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear}.project-card__ctrl-btn{background:transparent;color:#ffffffbf;font-size:1rem;display:flex;align-items:center;padding:2px;transition:color .2s}.project-card__ctrl-btn:hover{color:#fff}.project-card__thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-card__icon{font-size:3rem;color:var(--accent);display:flex}.project-card__overlay{position:absolute;inset:0;background:#2dd4bfe6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.project-card__overlay span{color:#000;font-weight:600;font-size:.9rem;padding:8px 20px;border:2px solid #000;border-radius:var(--radius-full)}.project-card:hover .project-card__overlay{opacity:1}.project-card__body{padding:24px;min-width:0}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:8px;min-width:0}.project-card__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-bottom:0;letter-spacing:-.01em;min-width:0}.project-card__link-btn{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--accent);padding:4px 10px;background:var(--accent-dim);border-radius:var(--radius-full);transition:background .2s,color .2s;text-transform:uppercase;letter-spacing:.5px}.project-card__link-btn:hover{background:var(--accent);color:#000}.project-card__desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-card__tag{font-size:.72rem;padding:4px 10px;background:var(--accent-dim);color:var(--accent);border-radius:var(--radius-full);font-weight:500}.project-card__tag--date{background:#ffffff1a;color:var(--text-primary);font-weight:600;opacity:.9}.project-card__partners{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:20px;min-width:0}.project-card__partners-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.project-card__partners-logos{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.project-card__partner,.project-card__partner a{display:flex;align-items:center}.project-card__partner-logo{height:18px;width:auto;max-width:80px;object-fit:contain;opacity:.55;transition:opacity .3s,transform .3s;filter:brightness(0) invert(1)}.project-card__partner-logo:hover{opacity:1;transform:scale(1.1)}@media(max-width:768px){.project-card__header{flex-direction:column;align-items:flex-start}.project-card__link-btn{align-self:flex-start}}.project-card__expand-btn{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent);background:transparent;padding:0;transition:opacity .2s}.project-card__expand-btn:hover{opacity:.8}.project-card__advanced{overflow:hidden;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.project-card__advanced-list{list-style-type:disc;padding-left:20px;color:var(--text-secondary);font-size:.85rem;line-height:1.6;display:flex;flex-direction:column;gap:8px}.project-card__advanced-list li::marker{color:var(--accent)}.project-card__thumbnail-wrapper{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden}.project-card__yt-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card__thumbnail-wrapper:hover .project-card__yt-thumbnail{transform:scale(1.05)}.project-card__play-btn--thumbnail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.project-card__static-image{width:100%;height:100%;overflow:hidden}.project-card__static-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-card__static-img{transform:scale(1.05)}.projects{padding:var(--section-padding)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.projects__grid>*{min-width:0}@media(max-width:768px){.projects__grid{grid-template-columns:1fr}}.personal-projects{padding:var(--section-padding)}.personal-projects__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.personal-card{background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s}.personal-card:hover{border-color:var(--accent-border)}.personal-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.personal-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.personal-card:hover .personal-card__media img{transform:scale(1.03)}.personal-card__thumbnail{position:relative;width:100%;height:100%;cursor:pointer}.personal-card__thumbnail img{width:100%;height:100%;object-fit:cover}.personal-card__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#2dd4bfe6;color:#000;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #2dd4bf59}.personal-card__thumbnail:hover .personal-card__play-btn{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 28px #2dd4bf80}.personal-card__iframe{width:100%;height:100%}.personal-card__content{padding:24px}.personal-card__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px}.personal-card__github{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:6px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-full);transition:all .2s}.personal-card__github:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff14}.personal-card__github svg{font-size:.9rem}.personal-card__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.personal-card__desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.personal-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.personal-card__tag{font-size:.72rem;padding:4px 10px;background:var(--accent-dim);color:var(--accent);border-radius:var(--radius-full);font-weight:500}.personal-card__expand{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent);background:transparent;padding:0;transition:opacity .2s}.personal-card__expand:hover{opacity:.8}.personal-card__details{list-style-type:disc;padding-left:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;line-height:1.6;display:flex;flex-direction:column;gap:8px;overflow:hidden}.personal-card__details li::marker{color:var(--accent)}@media(max-width:768px){.personal-projects__grid{grid-template-columns:1fr}}.experience{padding:var(--section-padding);background:var(--bg-secondary)}.timeline{position:relative;width:min(100%,760px);margin:0 auto}.timeline__line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border);transform:translate(-50%)}.timeline__item{position:relative;width:50%;padding:0 40px 60px}.timeline__item--left{left:0;text-align:right;padding-right:50px}.timeline__item--right{left:50%;text-align:left;padding-left:50px}.timeline__dot{position:absolute;top:8px;width:10px;height:10px;background:var(--accent);border-radius:50%;border:2px solid var(--bg-secondary);z-index:1}.timeline__item--left .timeline__dot{right:-5px}.timeline__item--right .timeline__dot{left:-5px}.timeline__card{padding:28px;background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s}.timeline__card:hover{border-color:var(--accent-border)}.timeline__period{font-size:.75rem;color:var(--accent);font-weight:500;letter-spacing:1px;text-transform:uppercase}.timeline__role{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin:8px 0 4px;letter-spacing:-.01em}.timeline__company{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:12px}.timeline__desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.timeline__line{left:16px}.timeline__item,.timeline__item--left,.timeline__item--right{width:100%;left:0;text-align:left;padding-left:44px;padding-right:0}.timeline__dot,.timeline__item--left .timeline__dot,.timeline__item--right .timeline__dot{left:11px;right:auto}}.contact{padding:var(--section-padding);padding-bottom:40px}.contact__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:start}.contact__grid>*{min-width:0}.contact__form{padding:40px;display:flex;flex-direction:column;gap:20px;background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg)}.contact__field label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.contact__field input,.contact__field textarea{width:100%;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s;outline:none}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--accent)}.contact__field textarea{resize:vertical;min-height:120px}.contact__info{display:flex;flex-direction:column;gap:20px}.contact__info-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg)}.contact__info-icon{font-size:1.3rem;color:var(--accent)}.contact__info-item h4{font-size:.9rem;font-weight:600;margin-bottom:2px}.contact__info-item p{font-size:.85rem;color:var(--text-secondary)}.contact__clock{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500}.contact__socials h4{font-size:.85rem;font-weight:500;margin-bottom:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.contact__social-links{display:flex;flex-direction:column;gap:8px}.contact__social-link{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:.9rem;background:var(--bg-frost);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s}.contact__social-link svg{font-size:1.1rem;color:var(--accent)}.contact__social-link:hover{border-color:var(--accent-border)}.contact__footer{text-align:center;margin-top:100px;padding-top:28px;border-top:1px solid var(--border)}.contact__footer p{font-size:.8rem;color:var(--text-muted)}@media(max-width:768px){.contact__grid{grid-template-columns:1fr}.contact__form{padding:24px}}