@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06060f;--surface:hsla(0,0%,100%,.04);--surface-hover:hsla(0,0%,100%,.07);--border:hsla(0,0%,100%,.07);--green:#42b883;--green-dim:rgba(66,184,131,.15);--green-glow:rgba(66,184,131,.35);--mint:#64ffda;--text:#e2e8f0;--muted:#8892b0;--display:"Syne",sans-serif;--body:"DM Sans",sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh;overflow-x:hidden;cursor:default}.bg-canvas{position:fixed;inset:0;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(110px);animation:drift 22s ease-in-out infinite}.orb-1{width:650px;height:650px;background:radial-gradient(circle,#42b883,transparent 70%);top:-220px;left:-180px;opacity:.12;animation-delay:0s}.orb-2{width:420px;height:420px;background:radial-gradient(circle,#35495e,transparent 70%);bottom:-120px;right:-100px;opacity:.14;animation-delay:-8s}.orb-3{width:280px;height:280px;background:radial-gradient(circle,#64ffda,transparent 70%);top:45%;left:60%;opacity:.08;animation-delay:-15s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(28px,-24px) scale(1.04)}66%{transform:translate(-18px,22px) scale(.96)}}.grain{position:fixed;inset:-200%;width:400%;height:400%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;z-index:1;animation:grainAnim 7s steps(10) infinite}@keyframes grainAnim{0%{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.scroll-bar{height:2px;background:linear-gradient(90deg,var(--green),var(--mint));z-index:200;transition:width .08s linear;width:0}.scroll-bar,nav{position:fixed;top:0;left:0}nav{right:0;z-index:100;padding:18px 48px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(6,6,15,.72);border-bottom:1px solid var(--border)}.logo{font-family:var(--display);font-size:1.35rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.03em}.logo em{color:var(--green);font-style:normal}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;padding:8px 18px;border-radius:10px;transition:all .2s;position:relative}.nav-links a.router-link-active,.nav-links a:hover{color:var(--text);background:var(--surface)}.nav-links a.router-link-active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--green);border-radius:50%}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;z-index:101}.burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}.burger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.burger.open span:nth-child(2){opacity:0;transform:translateX(-8px)}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.m-menu{display:none;position:fixed;inset:0;background:rgba(6,6,15,.97);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:28px;backdrop-filter:blur(30px)}.m-menu.open{display:flex}.m-menu a{font-family:var(--display);font-size:2.4rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.04em;transition:color .2s;opacity:0;animation:menuIn .4s forwards}.m-menu a:hover{color:var(--green)}.m-menu a:first-child{animation-delay:.05s}.m-menu a:nth-child(2){animation-delay:.1s}.m-menu a:nth-child(3){animation-delay:.15s}.m-menu a:nth-child(4){animation-delay:.2s}@keyframes menuIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.fade-enter-active,.fade-leave-active{transition:opacity .35s,transform .35s}.fade-enter-from{opacity:0;transform:translateY(18px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.page{position:relative;z-index:2;min-height:100vh;padding:130px 48px 90px;max-width:1080px;margin:0 auto}.tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--green);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.tag:before{content:"";width:22px;height:1px;background:var(--green)}.sec-title{font-family:var(--display);font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin-bottom:24px}.sec-title .accent{color:var(--green)}.btn-p{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--green);color:#000;font-weight:700;font-size:.9rem;border-radius:12px;text-decoration:none;transition:all .25s;border:none;cursor:none}.btn-p:hover{background:var(--mint);transform:translateY(-2px);box-shadow:0 14px 40px var(--green-glow)}.btn-s{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--surface);color:var(--text);font-weight:500;font-size:.9rem;border-radius:12px;text-decoration:none;border:1px solid var(--border);transition:all .25s}.btn-s:hover{border-color:var(--green);background:var(--surface-hover);transform:translateY(-2px)}.dot-pulse{width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse 2s infinite;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--green-glow)}70%{box-shadow:0 0 0 8px transparent}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:none}@media (max-width:768px){nav{padding:15px 20px}.nav-links{display:none}.burger{display:flex}.page{padding:100px 22px 70px}}.hero[data-v-16c9219e]{padding-top:50px;display:flex;flex-direction:column;gap:28px}.home-eyebrow[data-v-16c9219e]{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;color:var(--green);font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:0;animation:slideUp-16c9219e .6s .1s forwards}.home-title[data-v-16c9219e]{font-family:var(--display);font-size:clamp(3rem,9vw,6.5rem);font-weight:800;line-height:1.03;letter-spacing:-.04em;opacity:0;animation:slideUp-16c9219e .6s .25s forwards}.home-title .line[data-v-16c9219e]{display:block}.home-title .accent[data-v-16c9219e]{color:var(--green)}.home-title .sub-role[data-v-16c9219e]{font-size:clamp(1.4rem,3.5vw,2.8rem);color:var(--muted);font-weight:600}.blink[data-v-16c9219e]{display:inline-block;width:3px;height:.85em;background:var(--green);margin-left:3px;vertical-align:middle;animation:blink-16c9219e 1s step-end infinite}@keyframes blink-16c9219e{0%,to{opacity:1}50%{opacity:0}}.home-sub[data-v-16c9219e]{font-size:1.05rem;color:var(--muted);max-width:480px;line-height:1.75;opacity:0;animation:slideUp-16c9219e .6s .4s forwards}.home-cta[data-v-16c9219e]{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:slideUp-16c9219e .6s .55s forwards}.stats[data-v-16c9219e]{display:flex;gap:40px;flex-wrap:wrap;opacity:0;animation:slideUp-16c9219e .6s .7s forwards;padding-top:8px}.stat-n[data-v-16c9219e]{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--green);line-height:1}.stat-n em[data-v-16c9219e]{color:var(--green);font-style:normal}.stat-l[data-v-16c9219e]{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}@keyframes slideUp-16c9219e{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (max-width:480px){.stats[data-v-16c9219e]{gap:28px}}.about-grid[data-v-3d81eeb0]{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:60px;align-items:start}.about-text[data-v-3d81eeb0]{font-size:1rem;color:var(--muted);line-height:1.82}.about-text p[data-v-3d81eeb0]{margin-bottom:16px}.about-text strong[data-v-3d81eeb0]{color:var(--text);font-weight:500}.chips[data-v-3d81eeb0]{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}.chip[data-v-3d81eeb0]{padding:7px 15px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:.82rem;color:var(--muted);transition:all .2s;cursor:default}.chip[data-v-3d81eeb0]:hover{border-color:var(--green);color:var(--text);background:var(--green-dim)}.skills[data-v-3d81eeb0]{display:flex;flex-direction:column;gap:22px}.sk-head[data-v-3d81eeb0]{display:flex;justify-content:space-between;margin-bottom:9px;font-size:.875rem;font-weight:500}.sk-pct[data-v-3d81eeb0]{color:var(--green);font-weight:600}.sk-track[data-v-3d81eeb0]{height:3px;background:var(--border);border-radius:3px;overflow:hidden}.sk-fill[data-v-3d81eeb0]{height:100%;background:linear-gradient(90deg,var(--green),var(--mint));border-radius:3px;width:0;transition:width 1.3s cubic-bezier(.4,0,.2,1)}.sk-fill.on[data-v-3d81eeb0]{width:var(--w)}@media (max-width:768px){.about-grid[data-v-3d81eeb0]{grid-template-columns:1fr;gap:44px}}.filter-row[data-v-2e8f4648]{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0}.f-btn[data-v-2e8f4648]{padding:8px 20px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--muted);font-size:.845rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--body)}.f-btn[data-v-2e8f4648]:hover{background:var(--surface-hover);color:var(--text)}.f-btn.on[data-v-2e8f4648]{background:var(--green);border-color:var(--green);color:#000;font-weight:700}.empty-state[data-v-2e8f4648]{text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.empty-state span[data-v-2e8f4648]{font-size:3rem}.empty-state p[data-v-2e8f4648]{color:var(--muted);font-size:1rem}.proj-grid[data-v-2e8f4648]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.p-card[data-v-2e8f4648]{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden;animation:cardIn .5s both}.p-card[data-v-2e8f4648]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(66,184,131,.07),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.p-card[data-v-2e8f4648]:hover{border-color:rgba(66,184,131,.4);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(66,184,131,.08)}.p-card[data-v-2e8f4648]:hover:before{opacity:1}.card-top[data-v-2e8f4648]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.c-num[data-v-2e8f4648]{font-family:var(--display);letter-spacing:.16em}.c-badge[data-v-2e8f4648],.c-num[data-v-2e8f4648]{font-size:.72rem;font-weight:700;color:var(--green)}.c-badge[data-v-2e8f4648]{padding:3px 10px;background:rgba(66,184,131,.12);border-radius:6px;text-transform:uppercase;letter-spacing:.06em}.c-title[data-v-2e8f4648]{font-family:var(--display);font-size:1.25rem;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}.c-desc[data-v-2e8f4648]{font-size:.875rem;color:var(--muted);line-height:1.65;margin-bottom:24px}.c-link[data-v-2e8f4648]{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.845rem;font-weight:500;text-decoration:none;transition:all .22s}.c-link[data-v-2e8f4648]:hover{background:var(--green);border-color:var(--green);color:#000}.c-link .arrow[data-v-2e8f4648]{transition:transform .2s}.c-link:hover .arrow[data-v-2e8f4648]{transform:translate(2px,-2px)}.cv[data-v-2e8f4648]{display:flex;justify-content:center}#cv[data-v-2e8f4648]{display:inline-block;margin-top:60px;padding:12px 22px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .22s}#cv[data-v-2e8f4648]:hover{background:var(--green);border-color:var(--green);color:#000}@media (max-width:480px){.proj-grid[data-v-2e8f4648]{grid-template-columns:1fr}}.contact-grid[data-v-22545d80]{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:60px}.c-items[data-v-22545d80]{display:flex;flex-direction:column;gap:18px}.c-item[data-v-22545d80]{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text);transition:all .28s}.c-item[data-v-22545d80]:hover{border-color:rgba(66,184,131,.4);transform:translateX(5px);background:var(--surface-hover)}.c-ico[data-v-22545d80]{width:42px;height:42px;background:var(--green-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}.c-lbl[data-v-22545d80]{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.c-val[data-v-22545d80]{font-size:.925rem;font-weight:500}.contact-right[data-v-22545d80]{display:flex;flex-direction:column;justify-content:center;gap:20px}.status-badge[data-v-22545d80]{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;background:var(--green-dim);border:1px solid rgba(66,184,131,.25);border-radius:100px;font-size:.82rem;color:var(--green);font-weight:500;align-self:flex-start}.cta-head[data-v-22545d80]{font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.18;letter-spacing:-.035em}.cta-head .accent[data-v-22545d80]{color:var(--green)}.cta-sub[data-v-22545d80]{font-size:.975rem;color:var(--muted);line-height:1.78}@media (max-width:768px){.contact-grid[data-v-22545d80]{grid-template-columns:1fr;gap:44px}}