.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card-swap-container .card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media(max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}:root{--bg:#050508;--bg-card:#0c0c14;--bg-hover:#12121c;--surface:#0a0a10;--text:#f0f0f5;--text-dim:#8888a0;--text-muted:#44445a;--accent:#2060ff;--accent-bright:#4d8aff;--accent-dim:rgba(32,96,255,.12);--accent-glow:rgba(32,96,255,.3);--neon:#c8ff00;--border:rgba(255,255,255,.06);--border-blue:rgba(32,96,255,.25);--font:"Inter","Noto Sans SC",-apple-system,system-ui,sans-serif;--r:12px;--rl:20px;--rxl:28px;--w:1200px;--g:clamp(20px,5vw,56px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--w);margin:0 auto;padding:0 var(--g)}.btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:13px 28px;border-radius:50px;border:none;cursor:pointer;transition:all .2s;letter-spacing:.02em}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-bright);box-shadow:0 4px 32px var(--accent-glow)}.btn--neon{background:var(--neon);color:#000;box-shadow:0 0 0 1px #c8ff0033,0 10px 36px #c8ff002e}.btn--neon:hover{box-shadow:0 4px 32px #c8ff004d}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--lg{padding:16px 36px;font-size:15px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;background:#050508eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav__inner{max-width:var(--w);margin:0 auto;padding:0 var(--g);display:flex;justify-content:space-between;align-items:center}.nav__left{display:flex;align-items:center;gap:12px}.nav__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);box-shadow:0 0 0 2px #c8ff0029}.nav__avatar img{width:100%;height:100%;object-fit:cover}.nav__logo{font-size:16px;font-weight:800;letter-spacing:-.02em}.nav__logo span{color:var(--neon)}.nav__links{display:flex;align-items:center;gap:28px}.nav__links a{font-size:13px;font-weight:500;color:var(--text-dim);transition:color .2s}.nav__links a:hover{color:#fff}.nav__cta{color:var(--neon)!important;border:1px solid rgba(200,255,0,.55);padding:8px 20px;border-radius:50px;background:#c8ff000f}.nav__cta:hover{background:var(--neon)!important;color:#000!important}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:80px;overflow:hidden}.hero__aurora{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:40px var(--g) 60px;width:100%;display:grid;grid-template-columns:minmax(0,620px) minmax(240px,1fr);gap:clamp(40px,8vw,100px);align-items:center}.hero__copy{position:relative}.hero__copy:before{content:"";position:absolute;left:-28px;top:86px;width:5px;height:96px;border-radius:8px;background:linear-gradient(180deg,var(--accent),var(--neon));box-shadow:0 0 30px #c8ff002e}.hero__notice{display:inline-flex;align-items:center;gap:10px;max-width:100%;background:#ff3c3c14;border:1px solid rgba(255,60,60,.25);border-radius:50px;padding:10px 22px;margin-bottom:28px;font-size:13px;color:#ff6b6b;font-weight:600}.hero__notice-dot{width:8px;height:8px;border-radius:50%;background:#ff6b6b;flex-shrink:0}.hero__notice span:last-child{min-width:0}.tp-flex{display:flex;justify-content:space-between}.hero__title{font-size:clamp(42px,6.4vw,88px);font-weight:900;line-height:.96;letter-spacing:-.03em;margin-bottom:24px}.hero__title-accent{color:var(--accent)}.hero__title-neon{color:var(--neon);text-shadow:0 0 34px rgba(200,255,0,.24)}.hero__desc{font-size:15px;color:var(--text-dim);line-height:1.9;max-width:520px;margin-bottom:36px}.hero__actions{display:flex;gap:12px;margin-bottom:48px}.hero__stats{display:flex;gap:16px}.hero__stat{min-width:118px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0c0c14b8;box-shadow:0 18px 40px #0000003d;transition:transform .25s,border-color .25s,box-shadow .25s}.hero__stat:hover{transform:translateY(-4px);border-color:#c8ff0073;box-shadow:0 18px 42px #c8ff001a}.hero__stat-num{font-size:44px;font-weight:900;color:var(--accent);line-height:1}.hero__stat:nth-child(2){border-color:#c8ff0073;background:linear-gradient(135deg,#c8ff0021,#0c0c14d1)}.hero__stat:nth-child(2) .hero__stat-num{color:var(--neon);text-shadow:0 0 24px rgba(200,255,0,.34)}.hero__stat-label{font-size:13px;color:#b9b9c8;margin-top:8px;font-weight:700}.pixel-smile{justify-self:end;position:relative;width:min(34vw,360px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.pixel-smile__halo{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(200,255,0,.18);border-radius:32px;background:radial-gradient(circle at 50% 45%,rgba(200,255,0,.12),rgba(32,96,255,.04) 48%,transparent 68%);filter:blur(.2px);animation:pixelFloat 4s ease-in-out infinite}.brand-chip{position:absolute;right:0;top:2%;z-index:2;width:112px;height:82px;border:1px solid rgba(200,255,0,.5);border-radius:18px;background:#08080dc7;box-shadow:0 0 34px #c8ff002e,inset 0 0 20px #ffffff0a;transform:rotate(8deg);animation:brandFloat 3.2s steps(2,end) infinite;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-chip strong{font-size:34px;line-height:1;font-weight:900;color:var(--neon);letter-spacing:-.04em;text-shadow:0 0 22px rgba(200,255,0,.34)}.brand-chip span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#fff;margin-top:7px}.pixel-smile__face{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;width:72%;aspect-ratio:1;transform:rotate(-3deg);animation:pixelBob 1.8s steps(2,end) infinite}.pixel-smile__pixel{aspect-ratio:1;border-radius:3px;background:#ffffff06}.pixel-smile__pixel.is-on{background:var(--neon);box-shadow:0 0 16px #c8ff006b,0 0 2px #fff inset;animation:pixelBlink 2.6s steps(1,end) infinite}.pixel-smile__pixel.is-on:nth-child(19),.pixel-smile__pixel.is-on:nth-child(22){background:#fff}.pixel-smile__label{position:absolute;right:10%;bottom:14%;font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--neon);text-shadow:0 0 18px rgba(200,255,0,.35);animation:labelTick 2.2s steps(2,end) infinite}@keyframes pixelBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pixelFloat{0%,to{transform:scale(1);opacity:.82}50%{transform:scale(1.05);opacity:1}}@keyframes pixelBlink{0%,88%,to{opacity:1}89%,94%{opacity:.35}}@keyframes labelTick{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes brandFloat{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(8px) rotate(-4deg)}}.hero__strip{display:flex;justify-content:center;align-items:center;gap:clamp(20px,3.5vw,48px);padding:24px var(--g);border-top:1px solid var(--border);margin-top:auto;position:relative;z-index:1;background:#05050873}.hero__strip-item{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#d8d8e8;opacity:.76}.hero__strip-item:first-child,.hero__strip-item:last-child{color:var(--neon);text-shadow:0 0 18px rgba(200,255,0,.28)}.name-module{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#c8ff0009,#050508f5)}.name-module__inner{max-width:var(--w);margin:0 auto;padding:26px var(--g)}.name-module__ticker{display:flex;width:max-content;animation:nameScroll 28s linear infinite}.name-module__track{display:flex;gap:34px;padding-right:34px;white-space:nowrap}.name-module__track span{font-size:14px;font-weight:900;letter-spacing:.18em;color:#f3f4fb;text-shadow:0 0 16px rgba(255,255,255,.12)}.name-module__track span:nth-child(2n){color:var(--neon);text-shadow:0 0 18px rgba(200,255,0,.34)}@keyframes nameScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes aboutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes neonPulse{0%,to{box-shadow:0 0 24px #c8ff001f}50%{box-shadow:0 0 38px #c8ff003d}}@keyframes aboutFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.lightbox__close{position:fixed;top:20px;right:24px;z-index:210;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.lightbox__close:hover{background:#fff3}.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:210;background:#ffffff14;border:none;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.lightbox__nav:hover{background:#ffffff26}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__img{max-width:85vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.lightbox__img img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--r)}.lightbox__counter{margin-top:12px;font-size:13px;color:var(--text-muted);font-weight:600}.section{padding:100px 0}.section__tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}.section__heading{font-size:clamp(36px,5.5vw,64px);font-weight:900;letter-spacing:-.04em;line-height:.95;margin-bottom:16px}.section__heading-accent{color:var(--accent)}.section__sub{font-size:15px;color:var(--text-dim);max-width:520px;line-height:1.8;margin-bottom:56px}.about{background:radial-gradient(circle at 14% 28%,rgba(200,255,0,.05),transparent 24%),var(--bg)}.about__grid{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}.about__left{position:sticky;top:100px}.about__avatar{width:260px;height:260px;border-radius:var(--rl);overflow:hidden;margin-bottom:24px;border:3px solid var(--accent);box-shadow:10px 10px #c8ff00e6;animation:aboutFloat 4s ease-in-out infinite}.about__avatar img{width:100%;height:100%;object-fit:cover}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;display:flex;align-items:center;gap:14px;transition:transform .25s,border-color .25s,box-shadow .25s}.stat:hover{transform:translate(8px);border-color:#c8ff006b;box-shadow:0 12px 36px #c8ff0014}.stat__num{font-size:28px;font-weight:900;color:var(--accent);min-width:48px}.stat__label{font-size:13px;color:var(--text-dim)}.stat--neon{border-color:#c8ff0094;background:linear-gradient(135deg,#c8ff0026,#0c0c14f5);box-shadow:0 0 28px #c8ff0024;animation:neonPulse 2.6s ease-in-out infinite}.stat--neon .stat__num{color:var(--neon);text-shadow:0 0 22px rgba(200,255,0,.28)}.stat--neon .stat__label{color:#dfff76}.about__content{position:relative}.about__content:after{content:"WEB DESIGN · VIBE CODING";position:absolute;right:0;top:8px;font-size:11px;font-weight:900;letter-spacing:.2em;color:#c8ff00ad;animation:labelTick 2.4s steps(2,end) infinite}.about__text{margin-bottom:36px}.about__text p{font-size:15px;color:var(--text-dim);line-height:2;margin-bottom:16px;animation:aboutFade .7s ease both}.about__text p:nth-child(2){animation-delay:.08s}.about__text p:nth-child(3){animation-delay:.16s}.about__capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:34px}.capability{position:relative;min-height:92px;padding:18px 18px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(135deg,#ffffff09,#0c0c14db);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.capability:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--neon);opacity:.9}.capability:hover{transform:translateY(-4px);border-color:#c8ff0075;box-shadow:0 16px 38px #c8ff0017}.capability__title{display:block;font-size:16px;font-weight:900;color:#fff;letter-spacing:.02em;margin-bottom:6px}.capability:nth-child(2) .capability__title{color:var(--neon);text-shadow:0 0 20px rgba(200,255,0,.28)}.capability__desc{display:block;font-size:13px;line-height:1.7;color:var(--text-dim)}.about__info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.info-item__value{font-size:14px;font-weight:500}.projects{background:radial-gradient(circle at 12% 10%,rgba(200,255,0,.055),transparent 24%),linear-gradient(180deg,#050508,#07090a)}.projects__grid{display:grid;gap:16px}.projects__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.projects__row--3{grid-template-columns:1fr 1fr 1fr}.projects__featured{grid-column:1/-1}.project-card{position:relative;cursor:pointer;border-radius:var(--rl);overflow:hidden;outline:none}.project-card:focus-visible{box-shadow:0 0 0 3px #c8ff00a6}.project-card:hover .project-card__zoom{opacity:1;transform:scale(1)}.project-card__visual{position:relative;overflow:hidden;background:#07070b;border:1px solid rgba(200,255,0,.1);box-shadow:0 18px 54px #00000047}.project-card__visual--lg{aspect-ratio:21/9}.project-card__visual--md{aspect-ratio:4/3;min-height:310px}.project-card__visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .project-card__visual img{transform:scale(1.04)}.project-card__swap{height:206px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;background:radial-gradient(circle at 54% 40%,rgba(200,255,0,.12),transparent 42%),radial-gradient(circle at 24% 72%,rgba(32,96,255,.16),transparent 34%),linear-gradient(180deg,#1a1b22,#09090d)}.project-card__swap:after{content:"CARD SWAP";position:absolute;right:18px;bottom:16px;z-index:2;font-size:10px;font-weight:900;letter-spacing:.18em;color:#ffffff61}.project-card__swap .card-swap-container{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-43%);transform-origin:center;pointer-events:auto}.project-card__swap .card-swap-container .card{border:3px solid rgba(255,255,255,.9);border-radius:16px;overflow:hidden;background:#111;box-shadow:0 18px 38px #00000061,0 0 0 1px #c8ff0014}.project-swap-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.project-card:hover .project-swap-card img{transform:scale(1.025)}.project-card__count{position:absolute;top:14px;left:14px;z-index:3;padding:7px 12px;border-radius:999px;background:#050508db;border:1px solid rgba(200,255,0,.48);color:var(--neon);font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 28px #00000047}.project-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:22px 24px 18px;background:linear-gradient(180deg,#090a0ccc,#050607f5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(200,255,0,.14);box-shadow:0 -24px 60px #0000007a}.project-card__cat{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;color:#0a0a10;margin-bottom:8px;padding:5px 11px;background:var(--neon);border-radius:999px}.project-card__title{font-size:19px;font-weight:900;margin-bottom:6px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}.project-card__desc{font-size:13px;color:#d8dbe7;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.tag{font-size:10px;font-weight:700;padding:4px 10px;border-radius:50px;background:#ffffff1a;color:#dfe3ef;border:1px solid rgba(255,255,255,.14)}.project-card__open{flex-shrink:0;font-size:12px;font-weight:900;color:var(--neon);letter-spacing:.04em}.project-card__open:after{content:" →"}.project-card__zoom{position:absolute;top:14px;right:14px;width:auto;height:36px;border-radius:999px;background:#2060ffeb;display:flex;align-items:center;justify-content:center;color:#fff;opacity:1;transform:scale(1);transition:all .3s;padding:0 11px;box-shadow:0 10px 28px #2060ff47}.projects__featured .project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--neon));z-index:2;border-radius:var(--rl) var(--rl) 0 0}.project-card--showcase{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:0;min-height:500px;background:linear-gradient(135deg,#0f0f18fa,#050508f5);border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 80px #00000057}.project-card--showcase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(32,96,255,.18),transparent 28%,transparent 72%,rgba(200,255,0,.1));opacity:.36}.project-showcase__image{position:relative;min-height:500px;background:#08080c;overflow:hidden}.project-showcase__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity .35s,transform .45s}.project-showcase__image:hover img{transform:scale(1.025)}.project-showcase__content{position:relative;z-index:1;display:flex;flex-direction:column;padding:34px 32px 30px;border-left:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 90% 10%,rgba(180,77,255,.16),transparent 35%),#08080df2}.project-showcase__title{font-size:34px;font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#fff;margin:8px 0 14px}.project-showcase__desc{font-size:15px;color:#d9dce8;line-height:1.9;margin-bottom:20px}.project-showcase__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.project-showcase__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.project-showcase__thumb{position:relative;height:96px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#11111a;cursor:pointer;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s}.project-showcase__thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-showcase__thumb.is-active{border-color:var(--neon);box-shadow:0 0 24px #c8ff0038}.project-showcase__thumb:hover{transform:translateY(-3px);border-color:#c8ff0085}.project-showcase__cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;width:100%;border:1px solid rgba(200,255,0,.5);border-radius:999px;background:var(--neon);color:#050508;font-size:14px;font-weight:900;padding:14px 18px;cursor:pointer;box-shadow:0 16px 36px #c8ff002e}.project-showcase__cta span{font-size:12px;color:#1c2300;opacity:.75}.skills{position:relative;overflow:visible;background:radial-gradient(circle at 82% 16%,rgba(200,255,0,.08),transparent 28%),radial-gradient(circle at 10% 92%,rgba(32,96,255,.055),transparent 24%),#050508}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rl);padding:28px 24px;transition:all .3s}.skill-card:hover{border-color:var(--border-blue)}.skill-card--highlight{border-color:var(--border-blue);background:linear-gradient(135deg,rgba(32,96,255,.06) 0%,var(--bg-card) 100%)}.skill-card--highlight:before{content:"";display:block;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--neon));margin:-28px -24px 20px;width:calc(100% + 48px);border-radius:var(--rl) var(--rl) 0 0}.skill-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.skill-card__title{font-size:16px;font-weight:800}.skill-card__level{font-size:11px;font-weight:700;color:var(--accent);padding:4px 12px;border-radius:50px;background:var(--accent-dim)}.skill-card__tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;background:#ffffff0a;color:var(--text-dim);border:1px solid var(--border);transition:all .2s}.skill-tag--accent{background:#2060ff1a;color:var(--accent-bright);border-color:#2060ff33}.skill-card:hover .skill-tag--accent{background:#2060ff2e}.skills-stack.scroll-stack-scroller{height:auto;overflow:visible;overscroll-behavior:auto}.skills-stack .scroll-stack-inner{padding:42px 0 42vh;min-height:920px}.skills-stack__item{min-height:330px;padding:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#12121cfa,#050508f5);box-shadow:0 28px 80px #00000052}.skills-stack__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(32,96,255,.14),transparent 36%,rgba(200,255,0,.1));pointer-events:none}.skills-stack__item:nth-child(2n){background:linear-gradient(135deg,#09090efa,#121808e0)}.skills-stack__num{position:absolute;right:28px;top:20px;font-size:86px;font-weight:900;line-height:1;color:#ffffff14;letter-spacing:-.08em}.skills-stack__body{position:relative;z-index:1;padding:42px 46px;max-width:820px}.skills-stack__label{display:inline-flex;margin-bottom:18px;padding:7px 13px;border-radius:999px;background:var(--neon);color:#050508;font-size:11px;font-weight:900;letter-spacing:.14em}.skills-stack__body h3{font-size:clamp(34px,4.8vw,58px);font-weight:900;line-height:.95;letter-spacing:-.04em;margin-bottom:18px;color:#fff}.skills-stack__body p{max-width:680px;font-size:15px;line-height:1.9;color:#d8dbe7;margin-bottom:28px}.skills-stack__tags{display:flex;flex-wrap:wrap;gap:10px}.skills-stack__tags span{padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e8eaf4;font-size:12px;font-weight:800}.skills-stack__tags span:nth-child(2n){color:var(--neon);border-color:#c8ff004d;background:#c8ff0012}.skills-simple{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}.skills-simple__item{position:relative;min-height:250px;padding:30px 30px 28px;border-radius:20px;overflow:hidden;border:1px solid rgba(200,255,0,.14);background:linear-gradient(135deg,#0c0e0cfa,#050508f5);box-shadow:0 22px 60px #00000047;transition:transform .25s,border-color .25s,box-shadow .25s}.skills-simple__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(200,255,0,.12),transparent 34%,rgba(32,96,255,.07));pointer-events:none}.skills-simple__item:hover{transform:translateY(-5px);border-color:#c8ff0061;box-shadow:0 26px 70px #0000005c,0 0 34px #c8ff0014}.skills-simple__num{position:absolute;right:24px;top:18px;font-size:58px;font-weight:900;line-height:1;color:#ffffff12;letter-spacing:-.08em}.skills-simple__label{position:relative;z-index:1;display:inline-flex;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:var(--neon);color:#050508;font-size:10px;font-weight:900;letter-spacing:.14em}.skills-simple__item h3{position:relative;z-index:1;font-size:30px;font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:14px;color:#fff}.skills-simple__item p{position:relative;z-index:1;font-size:14px;line-height:1.85;color:#d8dbe7;margin-bottom:22px}.skills-simple__tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.skills-simple__tags span{padding:7px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e8eaf4;font-size:11px;font-weight:800}.skills-simple__tags span:nth-child(2n){color:var(--neon);border-color:#c8ff004d;background:#c8ff0012}.strengths{background:linear-gradient(180deg,#050508,#070908)}.strengths__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.strength-card{background:linear-gradient(135deg,#0c0e0ceb,#08080dfa);border:1px solid rgba(200,255,0,.1);border-radius:18px;padding:28px 24px;transition:all .3s}.strength-card:hover{border-color:#c8ff006b;box-shadow:0 18px 48px #c8ff0014;transform:translateY(-4px)}.strength-card__icon{width:32px;height:32px;color:var(--neon);margin-bottom:16px}.strength-card__title{font-size:15px;font-weight:700;margin-bottom:8px}.strength-card__desc{font-size:13px;color:var(--text-dim);line-height:1.8}.contact{padding:96px 0;background:radial-gradient(circle at 50% 10%,rgba(200,255,0,.075),transparent 28%),#050508}.contact__inner{text-align:center}.contact__title{font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-.04em;line-height:.95;margin-bottom:20px}.contact__title-accent{color:var(--neon);text-shadow:0 0 28px rgba(200,255,0,.22)}.contact__desc{font-size:15px;color:#b8bac8;line-height:2;max-width:540px;margin:0 auto 34px}.contact__actions{display:none}.contact__signal{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:54px}.contact__signal span{font-size:13px;font-weight:900;letter-spacing:.12em;color:var(--neon);padding:11px 16px;border-top:1px solid rgba(200,255,0,.35);border-bottom:1px solid rgba(200,255,0,.18);background:linear-gradient(90deg,transparent,rgba(200,255,0,.055),transparent)}.contact__footer{display:flex;justify-content:center;gap:24px;font-size:12px;color:#56586a;letter-spacing:.05em}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;gap:28px}.hero__copy:before{left:-16px;top:78px;height:74px}.pixel-smile{justify-self:start;width:min(58vw,260px)}.about__grid{grid-template-columns:1fr;gap:40px}.about__left{position:static}.about__avatar{width:180px;height:180px}.projects__row{grid-template-columns:1fr}.projects__row--3,.skills__grid,.strengths__grid{grid-template-columns:1fr 1fr}.nav__links a:not(.nav__cta){display:none}.about__info{grid-template-columns:1fr}.hero__stats{gap:28px}.hero__stat-num{font-size:28px}.name-module__pressure{height:clamp(54px,16vw,90px)}.lightbox__nav{display:none}}@media(max-width:640px){.nav__links{display:none}.hero__notice{display:flex;width:100%;border-radius:18px;line-height:1.6}.hero__notice span:last-child{overflow-wrap:anywhere;white-space:normal}}@media(max-width:480px){.hero__inner{padding-top:26px}.hero__title{font-size:clamp(38px,13vw,54px)}.hero__notice{align-items:flex-start;border-radius:18px;padding:10px 14px;line-height:1.6}.hero__actions{flex-wrap:wrap}.pixel-smile{width:min(72vw,240px);justify-self:center}.pixel-smile__face{gap:4px}.about__content:after{position:static;display:block;margin-bottom:14px}.skills__grid,.strengths__grid,.projects__row--3{grid-template-columns:1fr}.hero__stats{flex-wrap:wrap;gap:20px}}.nav__tabs{display:flex;gap:4px;background:#ffffff0a;border-radius:50px;padding:3px}.nav__tab{font-size:13px;font-weight:600;padding:7px 18px;border-radius:50px;color:var(--text-dim);transition:all .2s}.nav__tab:hover{color:var(--text)}.nav__tab.is-active{background:var(--accent);color:#fff}.resume{padding:100px 0 60px}.resume__header{padding:40px 0 32px;border-bottom:1px solid var(--border);position:relative}.resume__header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--neon))}.resume__name{font-size:32px;font-weight:900;letter-spacing:-.02em}.resume__name-en{font-size:14px;font-weight:600;color:var(--accent);margin-top:4px;letter-spacing:.05em}.resume__badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-dim);color:var(--accent-bright);font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-top:10px}.resume__contact{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px;color:var(--text-dim)}.resume__contact-item{display:flex;align-items:center;gap:6px}.resume__summary{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.03)}.resume__summary p{font-size:14px;line-height:1.9;color:var(--text-dim)}.resume__summary strong{color:var(--text);font-weight:600}.resume__section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin:32px 0 20px;display:flex;align-items:center;gap:12px}.resume__section-title:after{content:"";flex:1;height:1px;background:var(--border)}.resume__exp{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.03)}.resume__exp:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.resume__exp-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.resume__exp-company{font-size:16px;font-weight:700}.resume__exp-date{font-size:12px;color:var(--text-muted);font-weight:500;white-space:nowrap;margin-left:16px}.resume__exp-role{font-size:13px;color:var(--accent-bright);font-weight:500;margin-bottom:10px}.resume__bullets{list-style:none}.resume__bullets li{position:relative;padding-left:16px;font-size:13px;line-height:1.75;color:var(--text-dim);margin-bottom:5px}.resume__bullets li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5}.resume__bullets li strong{color:var(--text);font-weight:600}.resume__metric{display:inline-block;background:var(--accent-dim);color:var(--accent-bright);font-weight:600;font-size:12px;padding:1px 7px;border-radius:4px;margin:0 2px}.resume__skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resume__skill-group{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:16px 18px}.resume__skill-group--hl{border-color:#2060ff33;background:linear-gradient(135deg,rgba(32,96,255,.06),transparent)}.resume__skill-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.resume__skill-title{font-size:13px;font-weight:700}.resume__skill-level{font-size:10px;font-weight:700;color:var(--accent-bright);background:var(--accent-dim);padding:2px 8px;border-radius:10px}.resume__skill-tags{display:flex;flex-wrap:wrap;gap:6px}.resume__skill-tag{display:inline-block;background:#ffffff0a;color:var(--text-dim);font-size:12px;padding:4px 10px;border-radius:6px;font-weight:500;border:1px solid var(--border)}.resume__skill-tag--accent{background:#2060ff1a;color:var(--accent-bright);border-color:#2060ff26;font-weight:600}.resume__edu{display:flex;justify-content:space-between;align-items:baseline}.resume__edu-school{font-weight:700;font-size:14px}.resume__edu-detail{color:var(--text-dim);font-size:13px;margin-top:2px}.resume__edu-date{font-size:12px;color:var(--text-muted);font-weight:500}.resume__footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.03);display:flex;gap:28px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.resume__footer strong{color:var(--text-dim);font-weight:600;margin-right:4px}@media(max-width:640px){.resume__skills-grid{grid-template-columns:1fr}.resume__footer{flex-direction:column;gap:12px}.resume__edu{flex-direction:column;gap:4px}}
