.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:padding .4s ease,background .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.nav--scrolled{padding:14px 0;background:#08080ab8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.nav__logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;letter-spacing:.16em;font-weight:600}.nav__logo-mark{color:var(--accent);font-size:12px;transform:translateY(-1px)}.nav__links{display:flex;gap:36px}.nav__link{position:relative;font-size:14px;color:var(--text-dim);transition:color .3s ease}.nav__link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--accent);transition:width .3s ease}.nav__link:hover{color:var(--text)}.nav__link:hover:after{width:100%}.nav__cta{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border:1px solid var(--border-strong);border-radius:999px;font-size:13px;letter-spacing:.04em;transition:background .3s ease,color .3s ease,border-color .3s ease}.nav__cta:hover{background:var(--accent);color:#000;border-color:var(--accent)}.nav__cta-arrow{transition:transform .3s ease}.nav__cta:hover .nav__cta-arrow{transform:translate(3px)}@media (max-width: 760px){.nav__links{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg)}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.45}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 50% at 75% 30%,rgba(198,255,58,.1),transparent 60%),radial-gradient(50% 60% at 15% 70%,rgba(80,120,255,.1),transparent 60%),linear-gradient(180deg,#0a0a0d,#08080a);animation:heroShift 14s ease-in-out infinite alternate}@keyframes heroShift{0%{background-position:0% 0%,0% 0%,0% 0%}to{background-position:100% 30%,20% 80%,0% 0%}}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 70% at 50% 50%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 40%,transparent 100%)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,rgba(8,8,10,.4) 0%,rgba(8,8,10,.2) 40%,var(--bg) 100%),linear-gradient(90deg,rgba(8,8,10,.6) 0%,transparent 50%)}.hero__inner{position:relative;z-index:3;padding-top:120px;padding-bottom:120px}.hero__meta{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--text-dim)}.hero__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{margin-top:28px;font-size:clamp(52px,8vw,128px);font-weight:700;line-height:.98;letter-spacing:-.03em}.hero__slash{color:var(--accent);font-weight:400;margin:0 6px}.hero__title-outline{-webkit-text-stroke:1.5px var(--text);color:transparent}.hero__desc{margin-top:36px;max-width:560px;font-size:18px;line-height:1.7;color:var(--text-dim)}.hero__actions{margin-top:48px;display:flex;gap:16px;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;font-size:14px;letter-spacing:.04em;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease}.hero__btn--solid{background:var(--accent);color:#000;font-weight:600}.hero__btn--solid:hover{transform:translateY(-2px);background:#d4ff5c}.hero__btn--ghost{border:1px solid var(--border-strong);color:var(--text)}.hero__btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.hero__scroll{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px}.hero__scroll-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--text-mute)}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(180deg,var(--text-mute),transparent);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:var(--accent);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.about{background:var(--bg)}.about__inner{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}.about__media{position:relative}.about__avatar-wrap{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4 / 5;background:var(--card)}.about__avatar{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05);transition:transform .8s ease,filter .8s ease}.about__avatar-wrap:hover .about__avatar{transform:scale(1.04);filter:grayscale(0) contrast(1.05)}.about__avatar-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(8,8,10,.5) 100%);pointer-events:none}.about__avatar-tag{position:absolute;left:20px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#08080a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text)}.about__avatar-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.about__extra{margin-top:20px;color:var(--text-dim);font-size:16px;line-height:1.8}.about__stats{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about__stat{display:flex;flex-direction:column;gap:8px}.about__stat-num{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.02em;color:var(--text)}.about__stat-label{font-size:12px;color:var(--text-mute);letter-spacing:.04em}.about__contacts{margin-top:36px;display:flex;flex-wrap:wrap;gap:40px}.about__contact{display:flex;flex-direction:column;gap:6px;transition:color .3s ease}.about__contact-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--text-mute);text-transform:uppercase}.about__contact-value{font-size:15px;color:var(--text);transition:color .3s ease}.about__contact:hover .about__contact-value{color:var(--accent)}@media (max-width: 960px){.about__inner{grid-template-columns:1fr;gap:48px}.about__stats{grid-template-columns:repeat(2,1fr)}}.projects{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.projects__head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:72px}.projects__head-desc{margin-top:0;padding-bottom:8px}.projects__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:32px}.project{position:relative;display:flex;flex-direction:column;gap:20px}.project--full{grid-column:span 12}.project--wide{grid-column:span 7}.project--narrow{grid-column:span 5}.project__media{position:relative;overflow:hidden;border-radius:6px;background:var(--card);aspect-ratio:16 / 10}.project--narrow .project__media{aspect-ratio:4 / 5}.project--full .project__media{aspect-ratio:21 / 9}.project__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}.project:hover .project__media img{transform:scale(1.05)}.project__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(8,8,10,.55) 100%);opacity:0;transition:opacity .4s ease}.project:hover .project__overlay{opacity:1}.project__index{position:absolute;top:18px;left:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--text);background:#08080a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:4px;border:1px solid var(--border)}.project__info{display:flex;flex-direction:column;gap:10px}.project__meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.project__cat{color:var(--accent)}.project__year{color:var(--text-mute)}.project__title{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.01em;transition:color .3s ease}.project:hover .project__title{color:var(--accent)}.project__desc{font-size:14px;color:var(--text-dim);line-height:1.6;max-width:90%}.project__view{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s ease}.project:hover .project__view{opacity:1;transform:translate(0)}.project__view span{transition:transform .3s ease}.project:hover .project__view span{transform:translate(4px)}@media (max-width: 960px){.projects__head{flex-direction:column;align-items:flex-start;gap:24px}.project--wide,.project--narrow{grid-column:span 12}}.advantages{background:var(--bg)}.advantages__head{max-width:720px;margin-bottom:72px}.advantages__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.advantage{position:relative;padding:40px 36px 44px;background:var(--bg);display:flex;flex-direction:column;gap:16px;transition:background .4s ease;overflow:hidden}.advantage:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.advantage:hover{background:var(--card)}.advantage:hover:before{transform:scaleX(1)}.advantage__top{display:flex;justify-content:space-between;align-items:center}.advantage__no{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--text-mute)}.advantage__plus{font-size:20px;color:var(--text-mute);transition:color .3s ease,transform .4s ease}.advantage:hover .advantage__plus{color:var(--accent);transform:rotate(90deg)}.advantage__title{margin-top:8px;font-size:22px;font-weight:600;letter-spacing:-.01em}.advantage__desc{font-size:14px;color:var(--text-dim);line-height:1.7}.advantage__tags{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px}.advantage__tag{padding:5px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;transition:color .3s ease,border-color .3s ease}.advantage:hover .advantage__tag{border-color:var(--border-strong);color:var(--text)}@media (max-width: 960px){.advantages__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.advantages__grid{grid-template-columns:1fr}}.footer{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg);border-top:1px solid var(--border)}.footer__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 40% at 50% 20%,rgba(198,255,58,.08),transparent 70%),radial-gradient(40% 50% at 80% 90%,rgba(80,120,255,.06),transparent 70%);pointer-events:none}.footer__inner{position:relative;z-index:1;width:100%;padding-top:160px;padding-bottom:48px;display:flex;flex-direction:column;align-items:center;text-align:center}.footer__eyebrow{justify-content:center}.footer__title{margin-top:28px;font-size:clamp(40px,6vw,88px);font-weight:700;line-height:1.05;letter-spacing:-.03em}.footer__title-accent{color:var(--accent);font-style:italic;font-weight:500}.footer__email{margin-top:56px;display:inline-flex;align-items:center;gap:16px;font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.01em;transition:color .3s ease}.footer__email-arrow{font-size:.7em;transition:transform .3s ease}.footer__email:hover{color:var(--accent)}.footer__email:hover .footer__email-arrow{transform:translate(4px,-4px)}.footer__socials{margin-top:64px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.footer__social{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text-dim);transition:color .3s ease,border-color .3s ease,background .3s ease}.footer__social span{font-size:11px;opacity:.6}.footer__social:hover{color:var(--text);border-color:var(--border-strong);background:var(--card)}.footer__bottom{margin-top:120px;width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border);font-size:13px;color:var(--text-mute)}.footer__left,.footer__right{display:flex;align-items:center;gap:24px}.footer__logo{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text)}.footer__status{display:inline-flex;align-items:center;gap:8px}.footer__status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.footer__top{color:var(--text-dim);transition:color .3s ease}.footer__top:hover{color:var(--accent)}@media (max-width: 760px){.footer__bottom{flex-direction:column;gap:20px}}:root{--bg: #08080a;--bg-soft: #0e0e11;--card: #121216;--card-hover: #16161c;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text: #f3f3f5;--text-dim: #9a9aa4;--text-mute: #5f5f68;--accent: #c6ff3a;--accent-soft: rgba(198, 255, 58, .12);--line: rgba(255, 255, 255, .06);--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Consolas", monospace;--container: 1700px;--gutter: clamp(24px, 4vw, 80px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section{position:relative;padding:140px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}.section-title{font-size:clamp(36px,4.2vw,60px);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin-top:24px}.section-desc{margin-top:24px;max-width:620px;color:var(--text-dim);font-size:17px;line-height:1.7}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1d1d22;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2a2a32}::selection{background:var(--accent);color:#000}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .9s cubic-bezier(.22,1,.36,1) both}