:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{color-scheme:dark;--bg: #080112;--panel: rgba(15, 10, 34, .74);--panel-strong: rgba(23, 13, 48, .92);--line: rgba(255, 255, 255, .16);--line-hot: rgba(255, 79, 216, .58);--cyan: #38f8ff;--pink: #ff4fd8;--violet: #8a5cff;--sun: #ffd36b;--text: #f8fbff;--muted: rgba(248, 251, 255, .68);--faint: rgba(248, 251, 255, .46);--radius: 8px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 12%,rgba(255,79,216,.3),transparent 32rem),radial-gradient(circle at 85% 8%,rgba(56,248,255,.26),transparent 34rem),linear-gradient(180deg,#12001e,#080112 44%,#030108);color:var(--text);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{position:relative;isolation:isolate}.nav{position:fixed;z-index:40;top:18px;left:50%;display:grid;width:min(1120px,calc(100% - 32px));grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;transform:translate(-50%);border:1px solid var(--line);border-radius:999px;background:#050212ad;box-shadow:0 18px 60px #0000005c,0 0 40px #38f8ff14;padding:10px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links,.nav-cta,.primary-btn,.ghost-btn{display:inline-flex;align-items:center}.brand{gap:10px;min-width:0;color:var(--text);font-size:14px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(56,248,255,.56);border-radius:999px;background:linear-gradient(135deg,#38f8ff33,#ff4fd82e);color:#fff;font-weight:800;text-shadow:0 0 16px var(--cyan)}.nav-links{justify-content:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px;background:#ffffff0a}.nav-links a{border-radius:999px;color:var(--muted);font-size:13px;padding:9px 16px;transition:color .18s ease,background .18s ease}.nav-links a:hover{background:#ffffff14;color:#fff}.nav-cta{justify-self:end;border-radius:999px;background:#fff;color:#080112;font-size:13px;font-weight:800;padding:11px 18px;transition:transform .18s ease,box-shadow .18s ease}.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #38f8ff59}.hero{position:relative;display:grid;min-height:100vh;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:20px;overflow:hidden;padding:130px clamp(22px,5vw,78px) 54px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 70%,transparent)}.hero:after{position:absolute;right:-12vw;bottom:-18vh;z-index:-2;width:72vw;height:56vh;content:"";background:repeating-linear-gradient(to right,transparent 0 68px,rgba(56,248,255,.32) 69px 70px),repeating-linear-gradient(to bottom,transparent 0 34px,rgba(255,79,216,.28) 35px 36px);filter:drop-shadow(0 0 28px rgba(255,79,216,.24));opacity:.78;transform:perspective(520px) rotateX(62deg) rotate(-4deg);transform-origin:bottom center}.sun{position:absolute;top:18%;right:8%;z-index:-4;width:min(280px,32vw);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(to bottom,#08011200 0,#08011200 16px,#080112b8 17px,#080112b8 24px),linear-gradient(180deg,#ffe07a,#ff6bbd 46%,#7d5cff);box-shadow:0 0 80px #ff4fd84d,0 0 140px #ffd36b2e;opacity:.54}.hero-copy{max-width:680px;padding-bottom:88px}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:26px;font-size:clamp(60px,9vw,150px);line-height:.88;text-transform:lowercase;text-shadow:3px 0 0 var(--pink),-3px 0 0 var(--cyan),0 0 36px rgba(255,79,216,.32)}h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.88);text-shadow:none}.hero-text{max-width:620px;color:#ffffffd6;font-size:clamp(16px,1.6vw,20px);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.primary-btn,.ghost-btn{justify-content:center;gap:8px;min-height:48px;border-radius:999px;font-size:14px;font-weight:850;padding:0 22px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primary-btn{border:1px solid rgba(56,248,255,.6);background:linear-gradient(135deg,var(--cyan),var(--pink));color:#080112}.ghost-btn{border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.ghost-btn:hover{border-color:#fff6;background:#ffffff1f;transform:translateY(-2px)}.hero-stage{position:relative;z-index:2;min-height:520px;border:1px solid rgba(56,248,255,.24);border-radius:var(--radius);background:radial-gradient(circle at 50% 38%,#ff4fd83d,#04010ec7 48%,#04010ef0),linear-gradient(135deg,#38f8ff14,#ff4fd814);box-shadow:inset 0 0 80px #38f8ff24,0 36px 90px #00000059,0 0 40px #ff4fd81f;overflow:hidden}.hero-stage>div{height:100%!important}.hero-stage .vapor-canvas,.hero-stage canvas{width:100%;height:100%!important;min-height:520px}.hologram-core{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;pointer-events:none;perspective:900px;transform-style:preserve-3d}.holo-ring,.holo-diamond,.holo-glow{position:absolute;display:block;transform-style:preserve-3d}.holo-ring{width:min(330px,68%);aspect-ratio:1;border:2px solid rgba(56,248,255,.78);border-radius:50%;box-shadow:0 0 22px #38f8ff6b,inset 0 0 22px #ff4fd82e}.ring-a{animation:spin-a 8s linear infinite}.ring-b{border-color:#ff4fd8c7;transform:rotateX(64deg) rotate(24deg);animation:spin-b 9s linear infinite}.ring-c{width:min(250px,52%);border-style:dashed;border-color:#ffd36bb3;transform:rotateY(66deg) rotate(-18deg);animation:spin-c 7s linear infinite}.holo-diamond{width:min(154px,31%);aspect-ratio:1;border:1px solid rgba(255,255,255,.74);background:linear-gradient(135deg,#38f8ff5c,#ff4fd857),#ffffff14;box-shadow:0 0 44px #ff4fd861,inset 0 0 28px #ffffff2e;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:diamond-float 5.5s ease-in-out infinite}.holo-glow{width:min(250px,48%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(56,248,255,.18) 28%,rgba(255,79,216,.1) 52%,transparent 70%);filter:blur(6px);opacity:.72}@keyframes spin-a{to{transform:rotateX(58deg) rotateY(360deg) rotate(8deg)}}@keyframes spin-b{to{transform:rotateX(64deg) rotateY(-360deg) rotate(24deg)}}@keyframes spin-c{to{transform:rotateY(66deg) rotateX(360deg) rotate(-18deg)}}@keyframes diamond-float{0%,to{transform:translateY(-10px) rotateX(58deg) rotate(45deg)}50%{transform:translateY(12px) rotateX(64deg) rotate(225deg)}}.stat-strip{position:absolute;left:clamp(22px,5vw,78px);right:clamp(22px,5vw,78px);bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;padding:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stat span{display:block;color:#fff;font-size:clamp(24px,3vw,42px);font-weight:900;line-height:1}.stat p{margin:8px 0 0;color:var(--muted);font-size:13px}.section{position:relative;padding:110px clamp(22px,5vw,78px)}.section-head{display:grid;max-width:860px;gap:8px;margin-bottom:34px}.section h2{margin:0;font-size:clamp(34px,5vw,76px);line-height:1.02}.intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:24px}.intro-panel,.skill-card,.project-card,.step,.contact-card,.work-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff13,#ffffff09);box-shadow:inset 0 1px #ffffff14,0 24px 80px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-panel{display:grid;align-content:end;gap:24px;min-height:340px;padding:28px}.intro-panel svg,.skill-card svg,.contact-card svg{color:var(--cyan);filter:drop-shadow(0 0 14px rgba(56,248,255,.34))}.intro-panel p{margin:0;color:var(--muted);font-size:17px;line-height:1.85}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.skill-card{min-height:230px;padding:24px;transition:border-color .18s ease,transform .18s ease}.skill-card:hover,.project-card:hover,.step:hover{border-color:#38f8ff73}.skill-card h3,.project-card h3,.step h3,.work-card h3{margin:22px 0 12px;font-size:22px}.skill-card p,.project-copy,.step p,.work-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.projects{background:linear-gradient(180deg,transparent,rgba(255,79,216,.07),transparent)}.project-list{display:grid;gap:14px}.project-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) minmax(220px,.7fr);align-items:center;gap:24px;padding:24px}.project-card h3{margin-top:8px}.project-card>div>p{margin:0;color:var(--cyan);font-size:13px}.tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tags span{border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--muted);font-size:12px;padding:7px 10px}.timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.step{min-height:250px;padding:22px}.step span{color:var(--pink);font-size:42px;font-weight:950;line-height:1;text-shadow:0 0 24px rgba(255,79,216,.45)}.works{overflow:hidden}.work-swiper{width:100%;padding:18px 0 70px}.work-slide{width:min(360px,76vw)}.work-card{overflow:hidden;background:#090318e6}.work-media{position:relative;overflow:hidden}.work-media img{width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:saturate(.82) contrast(1.08)}.work-media span{position:absolute;top:14px;left:14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#080112ad;color:#fff;font-size:11px;font-weight:850;letter-spacing:.02em;padding:7px 10px;text-transform:lowercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 22px #ff4fd82e}.work-card div{padding:18px}.work-card .work-media{padding:0}.work-card h3{margin-top:0}.contact{min-height:76vh;display:grid;place-items:center}.contact-card{max-width:920px;padding:clamp(28px,6vw,76px);text-align:center;transform-style:preserve-3d}.contact-card .hero-actions{justify-content:center}.noise,.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.noise{opacity:.07;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px),radial-gradient(circle at 80% 10%,#fff 0 1px,transparent 1px),radial-gradient(circle at 40% 70%,#fff 0 1px,transparent 1px);background-size:17px 19px,23px 29px,31px 37px;mix-blend-mode:screen}.scanline{background:linear-gradient(to bottom,transparent 0 50%,rgba(255,255,255,.04) 51%,transparent 52%);background-size:100% 8px;opacity:.25}@media(max-width:980px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero,.intro{grid-template-columns:1fr}.hero{padding-top:112px;padding-bottom:180px}.hero-stage{min-height:420px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.timeline{grid-template-columns:1fr}.tags{justify-content:flex-start}}@media(max-width:640px){.brand span:last-child{display:none}.nav{width:calc(100% - 20px)}.hero{min-height:auto;padding-inline:18px}.hero-stage{min-height:340px}.stat-strip{grid-template-columns:1fr;right:18px;left:18px}.section{padding:78px 18px}.skill-grid{grid-template-columns:1fr}.project-card{padding:20px}}