:root{--bg:#07070d;--bg-alt:#0b0b15;--surface:#ffffff0a;--surface-2:#ffffff12;--border:#ffffff17;--text:#eceaf6;--muted:#a0a3b8;--violet:#8b5cf6;--cyan:#22d3ee;--pink:#f472b6;--amber:#fbbf24;--green:#34d399;--blue:#60a5fa;--grad:linear-gradient(120deg, var(--violet), var(--cyan));--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--nav-h:72px;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--violet);color:#fff}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(48rem 32rem at 12% -8%,#8b5cf629,#0000 62%),radial-gradient(40rem 30rem at 105% 12%,#22d3ee1a,#0000 60%),radial-gradient(50rem 40rem at 50% 118%,#f472b614,#0000 60%);position:fixed;inset:0}.accent{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.grad-text{background:linear-gradient(120deg, var(--violet), var(--cyan) 55%, var(--pink));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite alternate gradient-pan}@keyframes gradient-pan{to{background-position:100%}}.btn{font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.7rem;font-size:1rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn--gradient{background:var(--grad);color:#fff;box-shadow:0 8px 30px -10px #8b5cf6b3}.btn--gradient:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px #22d3ee8c}.btn--ghost{border-color:var(--border);color:var(--text);background:var(--surface)}.btn--ghost:hover{border-color:var(--violet);transform:translateY(-2px)}.btn--small{padding:.5rem 1.1rem;font-size:.85rem}.btn--big{padding:1.1rem 2.2rem;font-size:clamp(1rem,2.5vw,1.25rem)}.chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.35rem .8rem;font-size:.75rem;transition:color .2s,border-color .2s,transform .2s;display:inline-block}.chip:hover{color:var(--text);border-color:var(--violet);transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{border-color:#8b5cf680;transform:translateY(-6px);box-shadow:0 24px 50px -24px #8b5cf673}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border);background:#07070db8}.nav__inner{max-width:1200px;height:var(--nav-h);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.nav__logo{font-family:var(--font-display);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.nav__logo-mark{background:var(--grad);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1.1rem;display:grid;box-shadow:0 6px 20px -6px #8b5cf6cc}.nav__links{font-family:var(--font-display);align-items:center;gap:2rem;font-size:.95rem;font-weight:500;display:flex}.nav__links a:not(.btn){color:var(--muted);transition:color .2s;position:relative}.nav__links a:not(.btn):after{content:"";background:var(--grad);transform-origin:0;border-radius:2px;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav__links a:not(.btn):hover{color:var(--text)}.nav__links a:not(.btn):hover:after{transform:scaleX(1)}.nav__burger{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;display:none}.nav__burger span{background:var(--text);border-radius:2px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav__burger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__burger.is-open span:nth-child(2){opacity:0}.nav__burger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{min-height:100svh;padding:calc(var(--nav-h) + 3rem) 1.5rem 4rem;align-items:center;display:flex;position:relative;overflow:hidden}@media (pointer:fine){.hero:before{content:"";pointer-events:none;background:radial-gradient(560px circle at var(--mx,30%) var(--my,30%), #8b5cf624, transparent 65%);position:absolute;inset:0}}.hero__inner{grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem;width:100%;max-width:1200px;margin:0 auto;display:grid}.hero__eyebrow{font-family:var(--font-mono);color:var(--cyan);margin-bottom:.4rem;font-size:1rem}.hero__hand{transform-origin:70% 70%;animation:2.4s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,55%,to{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-4deg)}}.hero__name{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(120deg, #fff 10%, var(--violet) 45%, var(--cyan) 75%, var(--pink));color:#0000;background-size:250%;-webkit-background-clip:text;background-clip:text;font-size:clamp(4.5rem,12vw,8rem);font-weight:700;line-height:1;animation:7s ease-in-out infinite alternate gradient-pan}.hero__role{font-family:var(--font-display);align-items:center;min-height:1.5em;margin-top:.75rem;font-size:clamp(1.4rem,4vw,2.1rem);font-weight:600;display:flex}.hero__typed{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__caret{background:var(--cyan);border-radius:2px;width:3px;height:1.1em;margin-left:4px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.hero__sub{color:var(--muted);max-width:34rem;margin-top:1.25rem;font-size:1.05rem}.hero__cta{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero__stats{flex-wrap:wrap;gap:2.5rem;margin-top:3rem;display:flex}.hero__stat dt{font-family:var(--font-display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:700}.hero__stat dd{color:var(--muted);max-width:11rem;font-size:.85rem}.hero__visual{justify-content:center;display:flex;position:relative}.hero__card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0d18d9;width:min(100%,480px);animation:7s ease-in-out infinite float;box-shadow:0 30px 80px -30px #000c,0 0 60px -20px #8b5cf659}.hero__card-bar{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:.8rem 1.1rem;display:flex}.hero__card-title{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:.75rem}.dot{border-radius:50%;width:11px;height:11px}.dot--r{background:#ff5f57}.dot--y{background:#febc2e}.dot--g{background:#28c840}.hero__code{font-family:var(--font-mono);color:#c5c8de;padding:1.4rem 1.5rem;font-size:clamp(.72rem,1.7vw,.86rem);line-height:1.75;overflow-x:auto}.tk-kw{color:var(--pink)}.tk-var{color:var(--cyan)}.tk-str{color:#a5e6a1}.hero__chip{font-family:var(--font-display);background:var(--surface-2);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;border-radius:999px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;position:absolute;box-shadow:0 14px 34px -14px #000000b3}.hero__chip--1{animation:5.5s ease-in-out infinite float;top:-8%;left:4%}.hero__chip--2{animation:6.5s ease-in-out .8s infinite float;bottom:-6%;left:12%}.hero__chip--3{animation:6s ease-in-out .4s infinite float;top:18%;right:-2%}@keyframes float{0%,to{transform:translateY(-9px)}50%{transform:translateY(9px)}}.hero__scroll{border:2px solid var(--border);border-radius:999px;justify-content:center;width:26px;height:42px;padding-top:7px;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.hero__scroll-wheel{background:var(--cyan);border-radius:4px;width:4px;height:9px;animation:1.8s ease-in-out infinite scroll-hint}@keyframes scroll-hint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff05;padding:1rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__track{gap:2.6rem;width:max-content;animation:36s linear infinite marquee;display:flex}.marquee__item{font-family:var(--font-display);color:var(--muted);white-space:nowrap;align-items:center;gap:2.6rem;font-size:1rem;font-weight:600;display:inline-flex}.marquee__star{color:var(--violet)}@keyframes marquee{to{transform:translate(calc(-50% - 1.3rem))}}.section{padding:7rem 1.5rem}.section--alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__inner{max-width:1200px;margin:0 auto}.section__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:.9rem;font-size:.85rem;display:flex}.section__eyebrow:after{content:"";background:var(--grad);width:72px;height:1px}.section__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:1.1rem;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:700;line-height:1.12}.section__lead{color:var(--muted);max-width:40rem;margin-top:1.1rem;font-size:1.05rem}.about__grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.2rem;display:grid}.about__card{padding:1.9rem 1.7rem}.about__icon{font-size:2rem}.about__card h3{font-family:var(--font-display);margin:.9rem 0 .5rem;font-size:1.25rem}.about__card p{color:var(--muted);font-size:.95rem}.projects{flex-direction:column;gap:6rem;margin-top:4rem;display:flex}.project{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.project--flip .project__media{order:2}.project--flip .project__info{order:1}.project__media{position:relative}.project__media:before{content:"";background:radial-gradient(closest-side, var(--project-glow,#8b5cf638), transparent);z-index:-1;position:absolute;inset:-10%}.project--violet{--project-glow:#8b5cf638}.project--green{--project-glow:#34d39929}.project--blue{--project-glow:#60a5fa2e}.project--amber{--project-glow:#fbbf2429}.browser{border:1px solid var(--border);background:#10101c;border-radius:14px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden;box-shadow:0 34px 80px -34px #000000d9}.project__media:hover .browser{box-shadow:0 44px 90px -34px #000000e6, 0 0 60px -18px var(--project-glow,#8b5cf666);transform:translateY(-8px)scale(1.015)}.browser__bar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:7px;padding:.65rem 1rem;display:flex}.browser__url{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;margin-left:.8rem;padding:.18rem .9rem;font-size:.72rem}.project__num{font-family:var(--font-mono);color:var(--violet);font-size:.95rem}.project__name{font-family:var(--font-display);letter-spacing:-.01em;margin-top:.35rem;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:700}.project__tagline{color:var(--cyan);font-family:var(--font-display);margin-top:.3rem;font-weight:500}.project__desc{color:var(--muted);margin-top:1rem;font-size:.98rem}.project__features{flex-direction:column;gap:.55rem;margin-top:1.1rem;list-style:none;display:flex}.project__features li{color:var(--muted);padding-left:1.4rem;font-size:.92rem;position:relative}.project__features li:before{content:"▹";color:var(--cyan);position:absolute;left:0}.project__stack{flex-wrap:wrap;gap:.5rem;margin-top:1.3rem;display:flex}.project__meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.project__live{font-family:var(--font-display);color:var(--green);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.project__pulse{background:var(--green);border-radius:50%;width:9px;height:9px;animation:2s ease-out infinite pulse;box-shadow:0 0 #34d39999}@keyframes pulse{to{box-shadow:0 0 0 10px #34d39900}}.project__deploy{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.3rem .85rem;font-size:.75rem}.browser__count{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:.7rem}.gallery{position:relative}.gallery__view{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.gallery__view img{width:100%;animation:.35s gallery-fade}@keyframes gallery-fade{0%{opacity:.35}to{opacity:1}}.gallery__caption{font-family:var(--font-mono);color:#fff;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#07070db8;border-radius:999px;padding:.28rem .85rem;font-size:.72rem;transition:opacity .25s,transform .25s;position:absolute;bottom:.9rem;left:.9rem;transform:translateY(6px)}.gallery__zoom{color:#fff;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#07070db8;border-radius:10px;place-items:center;width:34px;height:34px;font-size:1rem;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:.9rem;right:.9rem;transform:scale(.85)}.gallery:hover .gallery__caption,.gallery:focus-within .gallery__caption,.gallery:hover .gallery__zoom,.gallery:focus-within .gallery__zoom{opacity:1;transform:none}.gallery__arrow{border:1px solid var(--border);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#07070db8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.4rem;line-height:1;transition:opacity .25s,background .2s,border-color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery__arrow--prev{left:.75rem}.gallery__arrow--next{right:.75rem}.gallery:hover .gallery__arrow,.gallery:focus-within .gallery__arrow{opacity:1}.gallery__arrow:hover{border-color:var(--violet);background:#8b5cf659}.gallery__dots{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07070d99;border-radius:999px;gap:7px;padding:.4rem .7rem;display:flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.gallery__dots button,.lightbox__dots button{cursor:pointer;background:#ffffff59;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.gallery__dots button.active,.lightbox__dots button.active{background:var(--cyan);transform:scale(1.25)}.lightbox{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040409eb;justify-content:center;align-items:center;padding:2rem;animation:.25s lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox__stage{cursor:default;max-width:min(1200px,92vw)}.lightbox__stage img{object-fit:contain;border:1px solid var(--border);border-radius:12px;width:100%;max-height:74vh;animation:.3s gallery-fade;box-shadow:0 40px 120px -40px #000000e6}.lightbox__stage figcaption{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4rem 1rem;margin-top:1rem;font-size:.9rem;display:flex}.lightbox__stage figcaption strong{font-family:var(--font-display);color:var(--text)}.lightbox__counter{font-family:var(--font-mono);font-size:.78rem}.lightbox__dots{justify-content:center;gap:8px;margin-top:.9rem;display:flex}.lightbox__close{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.1rem;transition:border-color .2s,transform .2s;position:absolute;top:1.2rem;right:1.4rem}.lightbox__close:hover{border-color:var(--pink);transform:rotate(90deg)}.lightbox__arrow{z-index:1;border:1px solid var(--border);background:var(--surface);width:52px;height:52px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.9rem;line-height:1;transition:border-color .2s,background .2s;display:grid;position:relative}.lightbox__arrow:hover{border-color:var(--violet);background:#8b5cf640}.lightbox__arrow--prev{margin-right:1.2rem}.lightbox__arrow--next{margin-left:1.2rem}.skills__grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.2rem;display:grid}.skills__card{padding:1.9rem 1.7rem}.skills__card h3{font-family:var(--font-display);align-items:center;gap:.6rem;font-size:1.15rem;display:flex}.skills__chips{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;display:flex}.contact{text-align:center}.contact .section__eyebrow{justify-content:center}.contact .section__eyebrow:before{content:"";background:var(--grad);width:72px;height:1px}.contact__lead{margin-left:auto;margin-right:auto}.contact__actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.4rem;display:flex}.contact__note{font-family:var(--font-mono);color:var(--muted);margin-top:1.6rem;font-size:.82rem}.footer{border-top:1px solid var(--border);padding:2.2rem 1.5rem}.footer__inner{max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin:0 auto;font-size:.88rem;display:flex}.footer__meta{font-family:var(--font-mono);font-size:.78rem}@media (width<=1024px){.hero__inner{grid-template-columns:1fr;gap:4.5rem}.hero__visual{max-width:540px;margin:0 auto}.hero__chip--1{top:-12%}.hero__chip--2{bottom:-10%}.project,.project--flip{grid-template-columns:1fr;gap:2rem}.project--flip .project__media{order:0}.project--flip .project__info{order:1}.about__grid,.skills__grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.nav__burger{display:flex}.nav__links{top:var(--nav-h);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#07070df5;flex-direction:column;align-items:stretch;gap:0;max-height:0;transition:max-height .35s;position:fixed;left:0;right:0;overflow:hidden}.nav__links.is-open{max-height:22rem}.nav__links a:not(.btn){border-bottom:1px solid #ffffff0d;padding:1rem 0}.nav__links a:not(.btn):after{display:none}.nav__links .btn{margin:1rem auto}.section{padding:5rem 1.25rem}.projects{gap:4.5rem}.hero{padding-top:calc(var(--nav-h) + 2rem)}.hero__stats{gap:1.6rem}.hero__chip--1{top:-10%;left:0}.hero__chip--3{right:0}.about__grid,.skills__grid{grid-template-columns:1fr}.footer__inner{text-align:center;flex-direction:column}}@media (hover:none){.gallery__arrow,.gallery__caption,.gallery__zoom{opacity:1;transform:none}}@media (width<=720px){.gallery__caption{display:none}.lightbox{padding:1rem}.lightbox__arrow{background:#07070db8;width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__arrow--prev{margin:0;left:.6rem}.lightbox__arrow--next{margin:0;right:.6rem}.lightbox__stage img{max-height:66vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}