.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.hero-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a124d,#0a0a1226 40%,#0a0a1240,#0a0a1280);z-index:1;pointer-events:none}.dot-field-container{z-index:5}.hero-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;background:#0a0a1266;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1400px;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between}.nav-logo span{font-size:1rem;font-weight:700;color:#fff;letter-spacing:8px;font-weight:500}.nav-links{display:flex;gap:40px}.nav-link{color:#fff9;text-decoration:none;font-size:.85rem;font-weight:400;letter-spacing:1px;transition:all .3s ease;position:relative}.nav-link:hover{color:#fff}.nav-cta{padding:10px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-cta:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.hero-content{flex:1;display:flex;align-items:center;justify-content:center;padding:120px 60px 80px;position:relative;z-index:10}.hero-inner{text-align:center;max-width:700px;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero-content.visible .hero-inner{opacity:1;transform:translateY(0)}.hero-title{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.title-line{font-size:clamp(3rem,7vw,5.5rem);font-weight:600;color:#fff;letter-spacing:-2px;line-height:1.1;opacity:0;transform:translateY(25px);transition:all .8s ease}.hero-content.visible .title-line:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.2s}.hero-content.visible .title-line:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.35s}.hero-subtitle{font-size:1rem;color:#ffffff80;margin-bottom:48px;letter-spacing:2px;opacity:0;transform:translateY(15px);transition:all .8s ease .5s}.hero-content.visible .hero-subtitle{opacity:1;transform:translateY(0)}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:40px;opacity:0;transform:translateY(15px);transition:all .8s ease .7s}.hero-content.visible .hero-cta{opacity:1;transform:translateY(0)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:160px;padding:14px 32px;background:#fff;border:none;border-radius:8px;color:#0a0a12;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #fff3}.btn-primary svg,.btn-secondary svg{transition:transform .3s ease}.btn-primary:hover svg,.btn-secondary:hover svg{transform:translate(4px)}.hero-scroll{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;opacity:0;animation:fadeInUp .8s ease 1.2s forwards;transition:all .3s ease}.hero-scroll:hover{transform:translateY(5px)}.hero-scroll:hover .scroll-text,.hero-scroll:hover .scroll-arrow{color:#fffc}.hero-scroll:hover .scroll-glow{opacity:1;transform:scale(1.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:relative;width:24px;height:50px;display:flex;flex-direction:column;align-items:center}.scroll-line{position:absolute;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3) 20%,rgba(255,255,255,.3) 80%,transparent)}.scroll-dot{position:absolute;top:0;width:3px;height:10px;background:linear-gradient(to bottom,#ffffffe6,#ffffff4d);border-radius:2px;animation:scrollDot 2s ease-in-out infinite}@keyframes scrollDot{0%{top:0;opacity:1}70%{top:calc(100% - 10px);opacity:.8}to{top:calc(100% - 10px);opacity:0}}.scroll-text{font-size:.7rem;color:#ffffff80;letter-spacing:4px;text-transform:uppercase;transition:all .3s ease;margin-top:4px}.scroll-arrow{color:#ffffff80;animation:bounce 2s ease-in-out infinite;transition:all .3s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all .4s ease;pointer-events:none}.hero-scroll:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:pulseRing 3s ease-in-out infinite;opacity:0}.hero-scroll:hover:before{opacity:1}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{opacity:.5}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@media(max-width:1024px){.nav-container{padding:0 40px}.hero-content{padding:120px 40px 80px}.nav-links{gap:28px}}@media(max-width:768px){.hero-content{padding:100px 30px 60px}.nav-container{padding:0 24px}.nav-links{display:none}.hero-cta{flex-direction:column;align-items:center;gap:12px}.btn-primary,.btn-secondary{width:100%;max-width:260px;justify-content:center}}@media(max-width:767px){.hero-video-container{background-image:url(../33.jpg);background-size:cover;background-position:center}.hero-video,.hero-video-placeholder{display:none}}.nav-container{position:relative}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;padding:6px;z-index:110;transition:all .3s ease}.hamburger-btn:hover{border-color:#ffffff4d;background:#ffffff0d}.hamburger-btn span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.hero-nav.menu-open .mobile-menu-overlay{display:block;opacity:1}.mobile-menu-panel{display:none;position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#14141efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;padding:100px 32px 40px;flex-direction:column;gap:8px;transition:right .35s cubic-bezier(.4,0,.2,1);border-left:1px solid rgba(255,255,255,.06)}.hero-nav.menu-open .mobile-menu-panel{right:0;display:flex}.mobile-nav-link{display:block;padding:16px 20px;color:#fff9;text-decoration:none;font-size:1rem;font-weight:400;letter-spacing:1px;border-radius:10px;transition:all .3s ease}.mobile-nav-link:hover{color:#fff;background:#ffffff0d}.mobile-nav-cta{display:block;width:100%;margin-top:16px;padding:14px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.mobile-nav-cta:hover{background:#ffffff26;border-color:#ffffff40}@media(max-width:768px){.hamburger-btn{display:flex}}@media(max-width:480px){.hero-content{padding:80px 20px 40px}.title-line{font-size:clamp(2rem,8vw,3rem)!important;letter-spacing:-1px}.hero-subtitle{font-size:.85rem;margin-bottom:32px;letter-spacing:1px}.btn-primary,.btn-secondary{min-width:140px;padding:12px 24px;font-size:.85rem}.hero-scroll{display:none}.mobile-menu-panel{width:240px;right:-240px;padding:90px 24px 32px}}.dot-field-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.dot-field-container canvas{display:block}.about{padding:100px 0;background:#0a0a12;position:relative;overflow:hidden}.about-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.about-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.about-video.loaded{opacity:1}.about-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a12b3,#0a0a1299,#0a0a12b3 60%,#0a0a12d9);z-index:1;pointer-events:none}.about-dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a1266;z-index:1;opacity:0;transition:opacity .8s ease;pointer-events:none}.about-dark-overlay.visible{opacity:1}.about-header{text-align:center;margin-bottom:40px;min-height:auto;padding-top:20px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;letter-spacing:-1px;position:relative;height:1.2em;display:flex;align-items:center;justify-content:center}.title-text{position:absolute;opacity:0}.title-slogan{filter:blur(12px);transform:scale(1.1);animation:blurToClear 1.5s ease forwards}.section-title.animating .title-slogan{animation:blurToClear 1.5s ease forwards,fadeOutSlogan .1s ease 1.5s forwards}.section-title.done .title-slogan,.section-title.idle .title-slogan{animation:none;opacity:0;filter:blur(12px);transform:scale(1.1)}.title-label{opacity:0;transform:translateY(10px)}.section-title.done .title-label{animation:slideInLabel .3s ease forwards}@keyframes blurToClear{to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes fadeOutSlogan{to{opacity:0;transform:translateY(-10px) scale(1.05);filter:blur(4px)}}@keyframes slideInLabel{to{opacity:1;transform:translateY(0)}}.about-content{opacity:0;transform:translateY(40px);padding-bottom:40px}.about-content.visible{animation:slideInContent .6s ease forwards}@keyframes slideInContent{to{opacity:1;transform:translateY(0)}}.particle-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#4ade80,#22d3ee,#a78bfa,#f472b6);border-radius:50%;opacity:0;left:calc(-10px + var(--i) * 6%);animation:particleFloat 3s ease-in-out calc(var(--i) * .1s) infinite}.about-content.visible .particle{animation:particleEnter 1s ease forwards calc(var(--i) * .05s)}@keyframes particleEnter{0%{opacity:0;transform:translateY(100px) scale(0)}50%{opacity:1}to{opacity:.6;transform:translateY(-100px) scale(1)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-20px) translate(10px);opacity:.8}}.about-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;margin-bottom:-80px}.avatar-section{display:flex;justify-content:flex-end}.avatar-wrapper{position:relative;width:100%;max-width:400px}.avatar-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(ellipse at center,rgba(74,222,128,.2) 0%,transparent 70%);filter:blur(40px)}.avatar-img{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:24px;position:relative;z-index:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.rainbow-line{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#ffa07a,#ffd93d,#6bcb77,#4d96ff,#9b59b6,#ff6b6b);background-size:200% 100%;border-radius:2px;animation:rainbowFlow 3s linear infinite}.avatar-wrapper .rainbow-line{display:none}@keyframes rainbowFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.bio-section{display:flex;flex-direction:column;width:100%;max-width:400px}.bio-card{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px;position:relative;overflow:hidden;flex:1;width:100%;max-width:400px;box-sizing:border-box}.bio-card .rainbow-line{top:0;border-radius:20px 20px 0 0}.bio-card h3{font-size:1.6rem;color:#fff;margin-bottom:20px;font-weight:600;margin-top:16px}.bio-card p{font-size:.95rem;color:#ffffffb3;line-height:1.8;margin-bottom:14px}.bio-card p:last-child{margin-bottom:0}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;transition:all .3s ease}.stat-item:hover{background:#4ade800d;border-color:#4ade8026;transform:translateY(-3px)}.stat-number{font-size:1.8rem;font-weight:700;color:#4ade80;margin-bottom:6px}.stat-label{font-size:.8rem;color:#ffffff80}.category-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:120px}.category-card{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .3s ease}.category-card:hover{background:#4ade8014;border-color:#4ade8040;transform:translateY(-3px)}.category-label{flex:1;font-size:.95rem;color:#ffffffe6;font-weight:500}.category-arrow{color:#fff6;transition:all .3s ease}.category-card:hover .category-arrow{color:#4ade80;transform:translate(4px)}@media(max-width:600px){.category-nav{grid-template-columns:1fr!important;margin-top:80px}.category-card{padding:16px 20px}}@media(max-width:480px){.about{padding:60px 0}.about-header{margin-bottom:28px}.section-title{font-size:clamp(1.2rem,5vw,1.5rem)!important}.about-top{gap:16px}.avatar-wrapper{max-width:200px}.bio-card{padding:20px}.bio-card h3{font-size:1.2rem;margin-bottom:14px}.bio-card p{font-size:.85rem;line-height:1.7}.category-nav{grid-template-columns:1fr!important;gap:10px;margin-top:60px}.category-label{font-size:.85rem}}@media(max-width:1000px){.about-header{min-height:auto;padding:40px 0}.about-top{grid-template-columns:1fr 1fr;gap:30px;padding:0;justify-items:center}.avatar-section{justify-content:flex-start}.avatar-wrapper,.bio-section,.bio-card{max-width:100%}.category-nav,.quick-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about{padding:80px 0}.container{padding:0 24px}.about-header{margin-bottom:40px;min-height:auto}.section-title{font-size:clamp(1.5rem,5vw,2rem)}.about-top{grid-template-columns:1fr;gap:24px;padding:0;justify-items:center}.avatar-section{order:-1;justify-content:center}.avatar-wrapper,.bio-section{max-width:280px;width:100%}.bio-card{padding:28px;max-width:280px;width:100%}.bio-card h3{font-size:1.4rem}.quick-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.5rem}}.portfolio{padding:100px 0;background:#0a0a12;position:relative;overflow:hidden}.portfolio-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.portfolio-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.portfolio-video.loaded{opacity:1}.portfolio-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a12b3,#0a0a1299,#0a0a12b3 60%,#0a0a12d9);z-index:1;pointer-events:none}.container{max-width:1600px;margin:0 auto;padding:0 80px;position:relative;z-index:2}.portfolio-header{text-align:center;margin-bottom:50px}.section-label{display:inline-block;margin-bottom:16px}.section-label span:last-child{font-size:.75rem;color:#ffffff80;letter-spacing:2px;text-transform:uppercase}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:-1px}.filter-bar{display:flex;justify-content:center;gap:10px;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .8s ease .2s}.filter-bar.visible{opacity:1;transform:translateY(0)}.filter-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#ffffff26;color:#fff}.filter-btn.active{background:#4ade801a;border-color:#4ade804d;color:#4ade80}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;justify-content:center;opacity:0;transform:translateY(30px);transition:all .8s ease .3s;align-items:stretch;max-width:1100px;margin:0 auto;padding:0 40px}.projects-grid .project-card{width:480px}.projects-grid:has(.project-card:nth-last-child(1):first-child) .project-card,.projects-grid:has(.project-card:nth-last-child(3):first-child) .project-card:nth-child(3){grid-column:1 / -1;justify-self:center}.projects-grid.visible{opacity:1;transform:translateY(0)}.project-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;overflow:hidden;transition:all .4s ease;display:flex;flex-direction:column;height:440px;width:480px;max-width:100%}.project-card:hover{border-color:#ffffff1a;transform:translateY(-8px);box-shadow:0 25px 60px #00000059}.project-media{position:relative;overflow:hidden;height:280px;flex-shrink:0}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(.9);object-fit:contain}.project-media video{cursor:pointer}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a1280;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.play-btn{width:56px;height:56px;background:#4ade80e6;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:scale(.8);transition:all .3s ease}.project-card:hover .play-btn{transform:scale(1)}.play-btn:hover{background:#4ade80;transform:scale(1.1)}.project-info{padding:24px 28px;flex:1;display:flex;flex-direction:column;min-height:150px}.project-tags{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.project-tags span{padding:6px 14px;background:#ffffff0a;border-radius:8px;font-size:.85rem;color:#ffffff80;flex-shrink:0}.project-info h3{font-size:1.3rem;color:#fff;margin-bottom:10px;font-weight:500;line-height:1.4;min-height:1.4em}.project-info p{font-size:1rem;color:#ffffff80;line-height:1.6;flex:1}.summary-container{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:0}.summary-images{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;justify-content:center;padding:0 50px;margin:0 auto;max-width:1600px;width:100%;box-sizing:border-box}.summary-card{width:100%;max-width:380px;height:440px;border-radius:24px;overflow:hidden;transition:all .4s ease;background:#ffffff05;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.summary-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000059;border-color:#ffffff1a}.summary-card img{width:100%;height:280px;object-fit:cover}.summary-info{padding:24px 28px;flex:1;display:flex;flex-direction:column;min-height:150px}.summary-info h3{font-size:1.1rem;color:#fff;margin-bottom:8px;font-weight:500}.summary-info p{font-size:.9rem;color:#ffffff80}.summary-text{max-width:1100px;width:100%;text-align:center;padding:30px 40px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px}.summary-text p{font-size:1.1rem;color:#fffc;line-height:1.8}@media(max-width:1024px){.projects-grid,.summary-images{gap:30px;padding:0 20px}.portfolio .container{padding:0 32px}}@media(max-width:600px){.projects-grid{gap:16px;padding:0}.project-card{width:100%!important;max-width:100%!important;height:auto;min-height:360px}.project-media{height:200px}.project-info{padding:16px 20px;min-height:auto}.project-info h3{font-size:1.1rem;min-height:auto}.summary-images{grid-template-columns:1fr;gap:16px;padding:0}.summary-card{height:auto;min-height:380px;max-width:100%}.summary-card img{height:220px}.filter-bar{flex-wrap:wrap;gap:8px}.filter-btn{font-size:.8rem;padding:8px 14px}.summary-text{padding:20px 16px}.summary-text p{font-size:.9rem}}@media(max-width:480px){.portfolio{padding:60px 0}.portfolio .container{padding:0 16px}.portfolio-header{margin-bottom:30px}.section-label{margin-bottom:10px}.section-title{font-size:clamp(1.4rem,6vw,1.8rem)!important}.project-card{min-height:320px}.project-media{height:180px}.project-info{padding:14px 16px}.project-info h3{font-size:1rem}.project-info p{font-size:.85rem}.project-tags span{font-size:.75rem;padding:4px 10px}.summary-card{min-height:340px}.summary-card img{height:200px}.summary-info{padding:16px 20px;min-height:auto}.summary-info h3{font-size:1rem}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:20px}.filter-btn{padding:10px 18px;font-size:.85rem}.project-card{height:380px}.project-media{height:220px}.project-info{padding:18px 22px}.projects-grid:has(.project-card:nth-last-child(1):first-child) .project-card,.projects-grid:has(.project-card:nth-last-child(3):first-child) .project-card:nth-child(3){grid-column:auto;max-width:100%;justify-self:stretch}}.skills{padding:100px 0;background:#0a0a12;position:relative;overflow:hidden}.skills-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.skills-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.skills-video.loaded{opacity:1}.skills-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a124d,#0a0a1226 40%,#0a0a1240,#0a0a1280);z-index:1;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 60px;position:relative;z-index:2}.skills-header{text-align:center;margin-bottom:40px;padding-top:20px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:-1px}.section-subtitle{font-size:.95rem;color:#ffffff80}.skills-nav-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:30px;z-index:10}.nav-share-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 40px;min-width:200px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-share-btn:hover{background:#4ade8014;border-color:#4ade8040}.nav-share-btn.active{background:#4ade801a;border-color:#4ade804d}.nav-arrow{transition:transform .3s ease;color:#fff6}.nav-share-btn:hover .nav-arrow,.nav-share-btn.active .nav-arrow{color:#4ade80;transform:translate(4px)}.nav-share-btn.active .nav-arrow{transform:rotate(90deg) translate(-4px)}.share-expand-content{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.share-expand-content.expanded{max-height:2000px;opacity:1}.video-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;position:relative}.video-card.playing{border-color:#4ade804d}.video-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:#0000004d;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease;position:absolute;top:0;left:0}.video-thumbnail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:0}.video-thumbnail>*{position:relative;z-index:1}.video-thumbnail:hover:before{background:#00000080}.video-thumbnail:hover .play-button{transform:scale(1.1);background:#4ade80e6}.play-button{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;color:#fff;transition:all .3s ease}.video-title{font-size:1rem;color:#fffc;font-weight:500}.video-player{width:100%;height:100%;background:#000;position:absolute;top:0;left:0}.video-element{width:100%;height:100%;object-fit:contain;display:block}.video-player.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0;background:#000}.video-player.fullscreen .video-element{width:100%;height:100%}.close-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:20;transition:all .3s ease}.close-btn:hover{background:#ff6464cc}.fullscreen-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;z-index:20;transition:all .3s ease}.fullscreen-btn:hover{background:#4ade80cc}.music-player-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.music-video-wrapper{width:100%;max-width:800px;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 10px 40px #00000080}.music-video{width:100%;aspect-ratio:16 / 9;display:block}.music-info-bar{width:100%;max-width:800px;text-align:center}.music-info h3{font-size:1.5rem;color:#fff;margin-bottom:8px}.music-info p{font-size:.9rem;color:#fff9}.social-links-section{text-align:center;padding:30px 0;margin-bottom:20px}.social-image{max-width:400px;width:100%;border-radius:16px;box-shadow:0 10px 40px #0000004d;margin-bottom:20px}.social-text{font-size:1.1rem;color:#fff;margin-bottom:16px;font-weight:500}.social-link{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:12px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;margin-bottom:12px}.douyin-link{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff}.douyin-link:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff475766}.social-description{font-size:.9rem;color:#fff9;margin-top:8px}.skills-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(74,222,128,.06) 0%,transparent 70%);top:-100px;left:-100px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(74,222,128,.04) 0%,transparent 70%);bottom:-100px;right:-100px}@media(max-width:1024px){.skills .container{padding:0 32px}.video-cards{gap:16px}.play-button{width:56px;height:56px}.music-video-wrapper{max-width:100%}}@media(max-width:600px){.social-image{max-width:100%}.music-info h3{font-size:1.2rem}.music-info p,.video-title{font-size:.85rem}}@media(max-width:480px){.skills{padding:60px 0}.skills .container{padding:0 16px}.skills-header{margin-bottom:24px}.section-title{font-size:clamp(1.4rem,6vw,1.8rem)!important}.section-subtitle{font-size:.85rem}.nav-share-btn{max-width:100%;padding:12px 20px;font-size:.85rem;min-width:unset}.video-card{aspect-ratio:16 / 9}.play-button{width:48px;height:48px}.close-btn{width:32px;height:32px;top:8px;right:8px}.fullscreen-btn{width:32px;height:32px;bottom:8px;right:8px}.social-text{font-size:.95rem}.social-link{padding:10px 22px;font-size:.9rem}}@media(max-width:768px){.skills{padding:80px 0}.skills-nav-buttons{flex-direction:column;align-items:center;gap:12px;margin-bottom:30px}.nav-share-btn{width:100%;max-width:320px;padding:14px 28px;font-size:.9rem}.container{padding:0 24px}.video-cards{grid-template-columns:1fr}.video-card{aspect-ratio:16 / 10}.music-video-wrapper{border-radius:12px}}.projects{padding:100px 0;background:#0a0a12;position:relative;overflow:hidden}.projects-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.projects-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.projects-video.loaded{opacity:1}.projects-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1266,#0a0a1233 40%,#0a0a124d,#0a0a1299);z-index:1;pointer-events:none}.particles-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 60px;position:relative;z-index:3}.projects-header{text-align:center;margin-bottom:40px;opacity:0;transform:translateY(30px);transition:all .8s ease}.projects-header.visible{opacity:1;transform:translateY(0)}.section-subtitle{font-size:1.1rem;color:#fff9}.project-card-main{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:30px;opacity:0;transform:translateY(30px);transition:all .8s ease .2s}.project-card-main.visible{opacity:1;transform:translateY(0)}.project-title{font-size:1.4rem;color:#fff;margin-bottom:24px;font-weight:600;text-align:center}.project-info-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.info-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:.95rem;color:#fff;font-weight:600}.project-work{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.project-work h4{font-size:.85rem;color:#ffffff80;margin-bottom:8px;font-weight:500}.project-work p{font-size:.95rem;color:#fffc;line-height:1.6}.team-section{margin-bottom:30px;opacity:0;transform:translateY(30px);transition:all .8s ease .3s}.team-section.visible{opacity:1;transform:translateY(0)}.team-title{font-size:1.2rem;color:#fff;margin-bottom:4px;font-weight:600}.team-note{font-size:.85rem;color:#fff6;margin-bottom:20px}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.team-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease}.team-card:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-4px)}.team-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border-radius:12px;font-size:1rem;font-weight:700;color:#0a0a12;margin-bottom:12px}.team-card h5{font-size:1rem;color:#fff;margin-bottom:10px;font-weight:600}.team-card p{font-size:.8rem;color:#ffffff80;line-height:1.5;margin-bottom:0}.project-cta{text-align:center;padding-top:20px;opacity:0;transform:translateY(30px);transition:all .8s ease .4s}.project-cta.visible{opacity:1;transform:translateY(0)}.project-cta h4{font-size:1.2rem;color:#fff;margin-bottom:8px;font-weight:600}.project-cta p{font-size:.95rem;color:#ffffff80;margin-bottom:20px}.cta-buttons{display:flex;justify-content:center;gap:16px}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:#fff;color:#0a0a12;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #fff3}.btn-secondary{background:#fff;color:#0a0a12;border:none}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #fff3}.projects-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-shape{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.shape-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);top:-100px;right:-100px}.shape-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.02) 0%,transparent 70%);bottom:-100px;left:-100px}@media(max-width:1024px){.projects .container{padding:0 32px}.section-title{font-size:clamp(2rem,5vw,3rem)!important}.project-card-main{padding:24px}.team-grid,.project-info-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.team-grid{grid-template-columns:repeat(2,1fr);gap:10px}.team-card{padding:16px 12px}.team-card h5{font-size:.9rem}.team-card p{font-size:.75rem}.team-number{width:36px;height:36px;font-size:.85rem}.project-info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.info-item{padding:10px 8px}.info-value{font-size:.85rem}.project-title{font-size:1.1rem}.project-work p{font-size:.85rem}}@media(max-width:480px){.projects{padding:60px 0}.projects .container{padding:0 16px}.projects-header{margin-bottom:20px}.section-title{font-size:clamp(1.6rem,7vw,2rem)!important;text-shadow:0 0 20px rgba(255,255,255,.2)}.section-subtitle{font-size:.85rem}.project-card-main{padding:16px;border-radius:14px}.project-title{font-size:1rem;margin-bottom:16px}.project-info-grid{grid-template-columns:1fr 1fr;gap:6px}.info-item{padding:8px 6px;gap:4px}.info-label{font-size:.65rem}.info-value{font-size:.8rem}.project-work{padding-top:14px}.project-work h4,.project-work p{font-size:.8rem}.team-title{font-size:1rem}.team-note{font-size:.75rem}.team-grid{grid-template-columns:1fr 1fr;gap:8px}.team-card{padding:14px 10px;border-radius:12px}.team-card h5{font-size:.85rem;margin-bottom:6px}.team-card p{font-size:.7rem;line-height:1.4}.project-cta h4{font-size:1rem}.project-cta p{font-size:.85rem}.cta-buttons{flex-direction:column;align-items:center;gap:10px}.btn-primary,.btn-secondary{width:100%;max-width:240px;padding:12px 24px;font-size:.85rem;text-align:center}}@media(max-width:1200px){.team-grid,.project-info-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.projects{padding:80px 0}.container{padding:0 24px}.projects-header{margin-bottom:30px}.project-card-main{padding:24px 20px}.project-title{font-size:1.2rem}.project-info-grid{grid-template-columns:repeat(2,1fr);gap:10px}.info-item{padding:12px 10px}.team-grid{grid-template-columns:repeat(2,1fr);gap:12px}.team-card{padding:20px 16px}.cta-buttons{flex-direction:column;align-items:center;gap:12px}.btn-primary,.btn-secondary{width:100%;max-width:280px;text-align:center}}.benefits{padding:100px 0;background:#0a0a12;position:relative;overflow:hidden}.benefits-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.benefits-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.benefits-video.loaded{opacity:1}.benefits-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1266,#0a0a1233 40%,#0a0a124d,#0a0a1299);z-index:1;pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 60px;position:relative;z-index:2}.benefits-header{text-align:center;opacity:0;transform:translateY(30px);transition:all .8s ease}.benefits-header.visible{opacity:1;transform:translateY(0)}.section-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-1px;text-shadow:0 0 40px rgba(255,255,255,.3)}.section-subtitle{font-size:1.1rem;color:#fff9;margin-bottom:16px}.section-slogan{font-size:1.3rem;color:#ffffffe6;font-weight:500;text-shadow:0 0 30px rgba(255,255,255,.2)}.benefits-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);top:-100px;left:-100px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);bottom:-100px;right:-100px}@media(max-width:1024px){.benefits{padding:80px 0}.benefits .container{padding:0 32px}.section-title{font-size:clamp(2rem,5vw,3rem)!important}.section-slogan{font-size:1.1rem}}@media(max-width:768px){.benefits{padding:60px 0}.benefits .container{padding:0 24px}.section-title{font-size:clamp(1.8rem,6vw,2.5rem)!important}.section-subtitle{font-size:.95rem}.section-slogan{font-size:1rem}}@media(max-width:480px){.benefits{padding:50px 0}.benefits .container{padding:0 16px}.section-title{font-size:clamp(1.4rem,7vw,1.8rem)!important;text-shadow:0 0 20px rgba(255,255,255,.2)}.section-subtitle{font-size:.85rem}.section-slogan{font-size:.9rem}}.contact{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 0 100px;background:#0a0a12;overflow:hidden}.contact-bg,.contact-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.contact-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.contact-video.loaded{opacity:1}.contact-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1299,#0a0a1280 40%,#0a0a1299,#0a0a12cc);z-index:1;pointer-events:none}.bg-glow{position:absolute;border-radius:50%;filter:blur(150px);opacity:.4}.glow-1{width:700px;height:700px;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);top:-150px;left:-150px}.glow-2{width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);bottom:-150px;right:-150px}.container{max-width:700px;margin:0 auto;padding:0 40px;width:100%;position:relative;z-index:2}.contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(40px);transition:all 1.2s ease;text-align:center}.contact-content.visible{opacity:1;transform:translateY(0)}.contact-info-center{display:flex;flex-direction:column;align-items:center;padding:60px 50px}.contact-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-2px}.contact-subtitle{font-size:1.2rem;color:#ffffff80;margin-bottom:60px;letter-spacing:2px}.contact-message{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:60px 80px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-message p{font-size:1.3rem;color:#fff;line-height:2;margin-bottom:16px}.contact-message a{color:#fff;text-decoration:none;transition:color .3s ease}.contact-message a:hover{color:#ffffffb3}.contact-message p:last-child{margin-bottom:0}.contact-message p:first-child{font-weight:500;margin-bottom:30px}.contact-footer{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:40px;z-index:3}.footer-logo span{font-size:1.1rem;font-weight:600;color:#fff6;letter-spacing:6px}.footer-copy{font-size:.85rem;color:#ffffff4d}.footer-email{font-size:.9rem;color:#ffffff80}.footer-email a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-email a:hover{color:#ffffffb3}@media(max-width:1200px){.contact-message{padding:50px 60px}}@media(max-width:768px){.contact{padding:100px 0 80px}.container{padding:0 30px}.contact-info-center{padding:40px 20px}.contact-title{font-size:clamp(2rem,7vw,3rem);margin-bottom:16px}.contact-subtitle{font-size:1rem;margin-bottom:50px}.contact-message{padding:40px 30px;border-radius:20px}.contact-message p{font-size:1.1rem;line-height:1.8}.contact-message p:first-child{margin-bottom:24px}.contact-footer{bottom:30px;padding-top:30px;gap:12px}.footer-logo span{font-size:.95rem;letter-spacing:4px}.footer-copy,.footer-email{font-size:.8rem}}@media(max-width:480px){.contact{padding:80px 0 60px}.container{padding:0 20px}.contact-info-center{padding:30px 10px}.contact-title{font-size:clamp(1.8rem,8vw,2.5rem);letter-spacing:-1px}.contact-subtitle{font-size:.9rem;margin-bottom:40px;letter-spacing:1px}.contact-message{padding:30px 24px;border-radius:16px}.contact-message p{font-size:1rem;line-height:1.7}.contact-message p:first-child{margin-bottom:20px}.contact-footer{bottom:20px;padding-top:24px;gap:10px}.footer-logo span{font-size:.85rem}.footer-copy,.footer-email{font-size:.75rem}}.app{position:relative;min-height:100vh}:root{--primary: #4ADE80;--primary-light: #86EFAC;--primary-dark: #22C55E;--bg-dark: #0A0A12;--bg-medium: #12121A;--bg-light: #1A1A24;--bg-card: rgba(255, 255, 255, .03);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(74, 222, 128, .15) 0%, transparent 70%);--font-display: "Noto Serif SC", serif;--font-body: "Noto Sans SC", sans-serif;--container-width: 1400px;--section-padding: 100px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:var(--container-width);margin:0 auto;padding:0 60px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.section-subtitle{font-size:1rem;color:var(--text-muted);max-width:500px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:var(--gradient-glow);z-index:-1;filter:blur(40px);opacity:.5}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.card:hover{transform:translateY(-6px);border-color:#ffffff1a;box-shadow:0 20px 50px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}@media(max-width:768px){.container{padding:0 24px}}@media(max-width:480px){:root{--section-padding: 60px}.container{padding:0 16px}.section-title{font-size:clamp(1.5rem,5vw,1.8rem)!important}}@media(min-width:769px)and (max-width:1024px){.container{padding:0 32px}}