:root{--bg:#000;--bg-2:#050506;--surface:#ffffff06;--surface-2:#ffffff0a;--line:#ffffff13;--line-2:#ffffff21;--text:#f4f6f8;--muted:#8a9099;--muted-2:#5c6169;--accent:#00ffa3;--accent-2:#7c5cff;--grad:linear-gradient(135deg, #00ffa3 0%, #38e8ff 45%, #7c5cff 100%);--radius:18px;--font:"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#00ffa347}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#17191c;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#26292e}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 22px}.nav{z-index:60;background:0 0;border-bottom:1px solid #0000;transition:background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;position:fixed;inset:0 0 auto}.nav--solid{border-bottom-color:var(--line);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);background:#000000b8}.nav__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:14px 22px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:flex}.logo__mark{background:var(--grad);color:#000;width:30px;height:30px;font-family:var(--mono);border-radius:9px;place-items:center;font-size:15px;font-weight:800;display:grid;box-shadow:0 0 22px #00ffa347}.logo__text{font-family:var(--mono);font-size:15px}.logo .dot,.cursor{color:var(--accent)}.nav__links{color:var(--muted);gap:26px;font-size:14.5px;display:flex}.nav__links a{transition:color .2s;position:relative}.nav__links a:hover{color:var(--text)}.nav__links a:after{content:"";background:var(--grad);width:0;height:1px;transition:width .28s;position:absolute;bottom:-6px;left:0}.nav__links a:hover:after{width:100%}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:13px 24px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .3s,background .3s,border-color .3s;display:inline-flex}.btn--sm{padding:9px 18px;font-size:14px}.btn--lg{padding:16px 32px;font-size:16.5px}.btn--primary{background:var(--grad);color:#000;box-shadow:0 8px 34px -12px #00ffa38c}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 44px -12px #00ffa3bf}.btn--ghost{background:var(--surface);border-color:var(--line-2);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:var(--surface-2);border-color:#00ffa380;transform:translateY(-2px)}.btn__ico{font-size:13px}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}[data-reveal].in{opacity:1;transform:none}.hero{padding:170px 0 90px;position:relative;overflow:hidden}.hero__glow{pointer-events:none;filter:blur(24px);background:radial-gradient(#00ffa329 0%,#7c5cff1f 38%,#0000 68%);width:900px;height:700px;position:absolute;top:-280px;left:50%;transform:translate(-50%)}.hero__grid-bg{pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%)}.hero__inner{text-align:center;position:relative}.pill{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 16px;font-size:13px;display:inline-flex}.pill__dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.2s infinite pulse;box-shadow:0 0 #00ffa399}@keyframes pulse{0%{box-shadow:0 0 #00ffa38c}70%{box-shadow:0 0 0 11px #00ffa300}to{box-shadow:0 0 #00ffa300}}.hero__title{letter-spacing:-.045em;background:linear-gradient(#fff 30%,#9aa1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(46px,10vw,96px);font-weight:800;line-height:.98}.cursor{-webkit-text-fill-color:var(--accent);animation:1.15s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero__role{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:clamp(17px,3.4vw,22px);font-weight:600}.hero__tagline{max-width:560px;color:var(--muted);margin:0 auto 34px;font-size:16.5px}.hero__cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:14px;max-width:620px;margin:62px auto 0;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:18px 12px}.stat__value{letter-spacing:-.03em;font-size:28px;font-weight:800;font-family:var(--mono)}.stat__label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:12.5px}.api-pill{font-family:var(--mono);color:var(--muted-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:6px 13px;font-size:11.5px;display:inline-flex}.api-pill__dot{background:#444;border-radius:50%;width:6px;height:6px}.api-pill--live{color:#6ee7b7}.api-pill--live .api-pill__dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.section{padding:92px 0;position:relative}.section__kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:12.5px}.section__title{letter-spacing:-.035em;margin:0 0 42px;font-size:clamp(28px,5vw,40px);font-weight:750}.about{grid-template-columns:1.35fr 1fr;align-items:start;gap:44px;display:grid}.about__text p{color:#cfd4da;margin:0 0 18px}.about__text .muted{color:var(--muted)}.about__facts{gap:11px;margin:28px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.about__facts li{color:var(--muted);align-items:center;gap:11px;display:flex}.about__facts a:hover{color:var(--accent)}.about__stack{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:24px}.stack__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px;font-size:12px}.chips{flex-wrap:wrap;gap:9px;display:flex}.chips--sm{gap:7px;margin-top:16px}.chip{background:var(--surface-2);border:1px solid var(--line);color:#d6dae0;border-radius:10px;padding:7px 13px;font-size:13px;transition:border-color .25s,color .25s,transform .25s}.chip:hover{color:#fff;border-color:#00ffa373;transform:translateY(-2px)}.chip--sm{font-size:11.5px;font-family:var(--mono);color:var(--muted);padding:5px 10px}.skills{grid-template-columns:1fr 1fr;gap:22px 40px;display:grid}.skill__top{justify-content:space-between;margin-bottom:9px;font-size:14.5px;display:flex}.skill__pct{font-family:var(--mono);color:var(--accent);font-size:12.5px}.bar{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.bar__fill{background:var(--grad);border-radius:999px;height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1);box-shadow:0 0 14px #00ffa373}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#ffffff09,#ffffff03);padding:26px 24px 24px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:var(--grad);opacity:0;-webkit-mask-composite:xor;pointer-events:none;padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{transform:translateY(-6px);box-shadow:0 26px 60px -30px #00ffa359}.card:hover:before{opacity:.85}.card__emoji{margin-bottom:14px;font-size:26px}.card__title{letter-spacing:-.02em;margin:0 0 10px;font-size:18px;font-weight:700}.card__desc{color:var(--muted);margin:0;font-size:14.5px}.card__link{font-size:14px;font-family:var(--mono);color:var(--accent);margin-top:16px;display:inline-block}.card__link:hover{text-shadow:0 0 12px #00ffa399}.section--contact{padding-bottom:100px}.contact{text-align:center;background:radial-gradient(ellipse 80% 130% at 50% 0%, #00ffa317, #7c5cff0d 45%, #0000 72%), var(--bg-2);border:1px solid var(--line);border-radius:26px;padding:62px 30px;position:relative;overflow:hidden}.contact__glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#00ffa333,#0000 70%);width:560px;height:320px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.contact>*{position:relative}.contact__title{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(24px,4.6vw,36px);font-weight:750}.contact__sub{color:var(--muted);margin:0 0 32px}.contact__meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;font-size:14.5px;display:flex}.contact__meta a:hover{color:var(--accent)}.contact__meta .sep{color:var(--muted-2)}.footer{border-top:1px solid var(--line);padding:26px 0}.footer__inner{color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:13.5px;display:flex}.footer__inner a{font-family:var(--mono)}.footer__inner a:hover{color:var(--accent)}@media (width<=900px){.about{grid-template-columns:1fr;gap:28px}.cards,.skills{grid-template-columns:1fr}}@media (width<=640px){.nav__links{display:none}.hero{padding:130px 0 70px}.section{padding:70px 0}.stats{gap:10px;margin-top:44px}.stat__value{font-size:23px}.contact{padding:46px 20px}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.pill__dot,.cursor{animation:none}}