@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#090c12;--bg-alt:#0d1119;--card:#101520;--border:#1c2236;--text:#7a8aaa;--text-strong:#c8d6f0;--heading:#edf2ff;--accent:#6366f1;--accent-hover:#818cf8;--accent-subtle:#6366f11f;--success:#10b981;--error:#ef4444;--radius:14px;--radius-sm:8px;--shadow:0 4px 32px #0009;--transition:.2s ease;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Instrument Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}@media (prefers-color-scheme:light){:root{--bg:#f5f7fc;--bg-alt:#eceef5;--card:#fff;--border:#d5dae8;--text:#5a6a8a;--text-strong:#2a3555;--heading:#0f172a;--accent:#4f46e5;--accent-hover:#4338ca;--accent-subtle:#4f46e514;--shadow:0 4px 24px #00000014}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body:after{content:"";pointer-events:none;z-index:9998;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(90% 60% at 75% 10%,#6366f10e 0%,#0000 100%),radial-gradient(60% 40% at 20% 90%,#9333ea09 0%,#0000 100%),radial-gradient(circle,#94a3b80b 1px,#0000 1px);background-size:auto,auto,26px 26px;font-size:16px;line-height:1.6}@media (prefers-color-scheme:light){body{background-image:radial-gradient(90% 60% at 75% 10%,#4f46e50a 0%,#0000 100%),radial-gradient(60% 40% at 20% 90%,#9333ea06 0%,#0000 100%),radial-gradient(circle,#4f46e50f 1px,#0000 1px);background-size:auto,auto,26px 26px}}h1,h2,h3{font-family:var(--font-display);color:var(--heading);line-height:1.15}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer}#root{min-height:100svh}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:104px 0}.section--alt{background:var(--bg-alt);background-image:radial-gradient(circle,#94a3b80a 1px,#0000 1px);background-size:28px 28px}@media (prefers-color-scheme:light){.section--alt{background-image:radial-gradient(circle,#4f46e50d 1px,#0000 1px)}}main{counter-reset:sections}.section .section__title{counter-increment:sections}.section .section__title:before{content:"0" counter(sections);font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent);text-transform:uppercase;opacity:.75;margin-bottom:12px;font-size:11px;font-weight:500;display:block}.section__title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;margin-bottom:0;padding-bottom:20px;font-size:clamp(30px,4.5vw,48px);font-weight:800;position:relative}.section__title:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-hover), transparent);width:64px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section__subtitle{text-align:center;color:var(--text);letter-spacing:.01em;margin-top:20px;margin-bottom:56px;font-size:16px}.btn{border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:1.5px solid #0000;align-items:center;gap:8px;padding:12px 28px;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover,.btn--primary:focus-visible{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn--primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn--outline{color:var(--text-strong);border-color:var(--border);background:0 0}.btn--outline:hover,.btn--outline:focus-visible{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--sm{padding:7px 16px;font-size:13px}.btn--full{justify-content:center;width:100%}.navbar{top:0;z-index:100;justify-content:space-between;align-items:center;padding:20px 40px;transition:background .3s,padding .3s,box-shadow .3s;display:flex;position:fixed;inset-inline:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#090c12d9;padding-block:14px;box-shadow:0 4px 32px #0006}@media (prefers-color-scheme:light){.navbar--scrolled{background:#f5f7fce0}}.navbar__brand{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.navbar__links{gap:4px;list-style:none;display:flex}.navbar__links a{color:var(--text);border-radius:var(--radius-sm);transition:all var(--transition);letter-spacing:.01em;padding:8px 14px;font-size:14px;font-weight:500;display:block}.navbar__links a:hover,.navbar__links a.nav--active{color:var(--heading);background:var(--accent-subtle)}.navbar__links a.nav--active{color:var(--accent);font-weight:600}.navbar__burger{z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__burger span{background:var(--heading);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar{padding:16px 20px}.navbar--scrolled{padding-block:12px}.navbar__burger{display:flex}.navbar__links{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.navbar__links--open{display:flex}.navbar__links a{padding:12px 24px;font-size:24px}}.hero{isolation:isolate;justify-content:space-between;align-items:center;gap:48px;max-width:1100px;min-height:100svh;margin:0 auto;padding:120px 24px 64px;display:flex;position:relative}.hero:before{content:"";filter:blur(70px);pointer-events:none;z-index:-1;background:radial-gradient(#6366f142 0%,#9333ea24 38%,#0000 68%);border-radius:50%;width:min(72vw,720px);height:min(72vw,720px);animation:11s ease-in-out infinite alternate blob-drift;position:absolute;top:-15%;right:-18%}.hero:after{content:"";filter:blur(64px);pointer-events:none;z-index:-1;background:radial-gradient(#ec48991a 0%,#6366f10f 40%,#0000 70%);border-radius:50%;width:min(50vw,480px);height:min(50vw,480px);animation:15s ease-in-out infinite alternate-reverse blob-drift;position:absolute;bottom:5%;left:-15%}@keyframes blob-drift{0%{transform:translate(0)scale(1)}33%{transform:translate(-2%,2.5%)scale(1.06)}66%{transform:translate(2.5%,-1.5%)scale(.96)}to{transform:translate(-1%,3%)scale(1.04)}}.hero__content{flex:1;max-width:580px;animation:.7s both fadeUp}.hero__greeting{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;background:var(--accent-subtle);border:1px solid #6366f140;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero__name{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 45%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(56px,8.5vw,108px);font-weight:900;line-height:.95}.hero__name-accent{background:linear-gradient(90deg, var(--accent), var(--accent-hover), transparent);border-radius:2px;width:72px;height:3px;margin-top:18px;margin-bottom:20px;display:block}.hero__role{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;margin-bottom:24px;font-size:clamp(13px,1.6vw,16px);font-weight:400}.hero__role:before{content:"// ";color:var(--accent);opacity:.6}.hero__description{color:var(--text);max-width:480px;margin-bottom:40px;font-size:17px;line-height:1.75}.hero__cta{flex-wrap:wrap;gap:14px;display:flex}.hero__visual{flex-shrink:0;animation:.9s both fadeIn}.hero__avatar-wrap{width:320px;height:320px;position:relative}.hero__avatar{object-fit:cover;z-index:1;border:2px solid #6366f166;border-radius:50%;width:320px;height:320px;position:relative}.hero__avatar-ring{z-index:0;border:1px dashed #6366f138;border-radius:50%;animation:22s linear infinite spin;position:absolute;inset:-10px}.hero__avatar-ring:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:50%;left:-3px;transform:translateY(-50%)}.hero__avatar-glow{z-index:0;background:radial-gradient(circle,#6366f12e 0%,#0000 68%);border-radius:50%;animation:3.5s ease-in-out infinite pulse-ring;position:absolute;inset:-20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.hero{text-align:center;min-height:unset;flex-direction:column-reverse;gap:32px;padding-top:120px}.hero__description{margin-inline:auto}.hero__cta{justify-content:center}.hero__avatar-wrap,.hero__avatar{width:200px;height:200px}}[data-reveal]{transition:opacity .65s,transform .65s}[data-reveal][data-delay="1"]{transition-delay:.15s}[data-reveal][data-delay="2"]{transition-delay:.28s}[data-reveal][data-delay="3"]{transition-delay:.4s}[data-reveal].will-reveal:not(.in-view){opacity:0;transform:translateY(22px)}.about__layout{grid-template-columns:1fr 1fr;align-items:start;gap:56px;max-width:1000px;margin:0 auto;display:grid}.about__text p{color:var(--text);margin-bottom:20px;font-size:16px;line-height:1.85}.about__text strong{color:var(--text-strong);font-weight:600}.terminal{font-family:var(--font-mono);background:#06080e;border:1px solid #ffffff12;border-radius:12px;font-size:13px;line-height:1.75;overflow:hidden;box-shadow:0 28px 56px #0009,inset 0 0 0 1px #ffffff0a}.terminal__bar{background:#0d1117;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:11px 16px;display:flex}.terminal__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.terminal__dot--r{background:#ff5f57}.terminal__dot--y{background:#febc2e}.terminal__dot--g{background:#28c840}.terminal__title{color:var(--text);opacity:.35;letter-spacing:.06em;font-size:11px;font-family:var(--font-mono);margin-left:8px}.terminal__body{color:var(--text-strong);padding:20px 22px 22px}.terminal__line{display:block}.terminal__line--cmd{color:#818cf8;margin-bottom:6px}.terminal__line--cmd:not(:first-child){margin-top:10px}.t-key{color:#60a5fa}.t-str{color:#34d399}.t-num{color:#fb923c}.terminal__cursor{color:#818cf8;animation:1.1s step-end infinite blink-cursor}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){.about__layout{grid-template-columns:1fr;gap:36px}}.tech__grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.tech__card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px 32px;transition:border-color .3s,transform .3s,box-shadow .3s;animation:.5s both fadeUp;display:flex;position:relative;overflow:hidden}.tech__glow{background:radial-gradient(circle at 50% 35%, var(--tech-color) 0%, transparent 58%);opacity:.07;pointer-events:none;z-index:0;width:160%;height:160%;transition:opacity .4s,transform .4s;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.tech__card:after{content:"";background:linear-gradient(90deg, transparent, var(--tech-color), transparent);opacity:0;border-radius:0 0 2px 2px;height:2px;transition:opacity .25s;position:absolute;bottom:0;left:10%;right:10%}.tech__card:hover{border-color:color-mix(in srgb, var(--tech-color) 55%, transparent);box-shadow:0 24px 48px color-mix(in srgb, var(--tech-color) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--tech-color) 15%, transparent) inset;transform:translateY(-8px)}.tech__card:hover .tech__glow{opacity:.18;transform:translate(-50%)scale(1.2)}.tech__card:hover:after{opacity:1}.tech__icon{z-index:1;width:44px;height:44px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--tech-color) 40%, transparent));flex-shrink:0;font-size:44px;transition:transform .3s;position:relative}.tech__card:hover .tech__icon{transform:scale(1.12)translateY(-3px)}.tech__name{font-family:var(--font-display);color:var(--text-strong);letter-spacing:.01em;z-index:1;font-size:15px;font-weight:700;position:relative}.tech__tagline{color:var(--text);opacity:.55;z-index:1;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono);position:relative}@media (width<=900px){.tech__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.tech__grid{grid-template-columns:repeat(2,1fr)}}.projects__bento{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.projects__bento .project__card:first-child{grid-column:span 2}.projects__bento .project__card:first-child .project__image{height:220px}.projects__bento .project__card:last-child{flex-direction:row;grid-column:1/-1}.projects__bento .project__card:last-child .project__image{flex-shrink:0;width:300px;height:auto;min-height:180px}.project__card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;animation:.5s both fadeUp;display:flex;position:relative;overflow:hidden}.project__card:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff06 0%,#0000 55%);position:absolute;inset:0}.project__card:hover{border-color:#6366f12e;transform:translateY(-8px);box-shadow:0 32px 64px #00000080,0 0 0 1px #6366f11f}.projects__bento .project__card:last-child:hover{transform:translate(4px)translateY(-4px)}.project__image{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.project__pattern{z-index:0;width:100%;height:100%;position:absolute;inset:0}.project__icon-svg{color:#fff;z-index:2;filter:drop-shadow(0 6px 20px #0006);width:52px;height:52px;font-size:52px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}.project__card:hover .project__icon-svg{transform:scale(1.12)translateY(-4px)}.project__image-glow{z-index:1;background:radial-gradient(at 50% 55%,#ffffff29 0%,#0000 65%);position:absolute;inset:0}.project__image:after{content:"";z-index:3;background:linear-gradient(105deg,#0000 40%,#ffffff1a 50%,#0000 60%);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.project__card:hover .project__image:after{left:150%}.project__content{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.project__title{font-family:var(--font-display);color:var(--heading);letter-spacing:-.01em;font-size:19px;font-weight:700}.project__description{color:var(--text);flex:1;font-size:14px;line-height:1.7}.project__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.project__tags{flex-wrap:wrap;gap:6px;display:flex}.project__tag{font-family:var(--font-mono);background:var(--accent-subtle);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border:1px solid #6366f133;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:500}.project__links{flex-shrink:0;gap:8px;display:flex}.socials__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:860px;margin:0 auto;display:grid}.social__card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:center;gap:16px;padding:20px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.social__card:after{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity var(--transition);border-radius:0 2px 2px 0;position:absolute;top:10%;bottom:10%;left:0}.social__card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 28px #6366f12e}.social__card:hover:after{opacity:1}.social__card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.social__card-label{font-family:var(--font-mono);color:var(--text-strong);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:500}.social__card-handle{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.social__card--btn{background:var(--card);border:1px solid var(--border);font-family:var(--font-body);cursor:pointer;text-align:left;width:100%}.footer{background:var(--card);border-top:1px solid var(--border);text-align:center;padding:32px 0}.footer .container{flex-direction:column;gap:8px;display:flex}.footer p{font-size:14px}.footer__sub{font-family:var(--font-mono);color:var(--text);opacity:.4;letter-spacing:.05em;font-size:12px}@media (width<=900px){.projects__bento{grid-template-columns:repeat(2,1fr)}.projects__bento .project__card:first-child,.projects__bento .project__card:last-child{grid-column:span 2}.projects__bento .project__card:last-child .project__image{width:220px}}@media (width<=640px){.section{padding:72px 0}.projects__bento{grid-template-columns:1fr}.projects__bento .project__card:first-child,.projects__bento .project__card:last-child{grid-column:span 1}.projects__bento .project__card:first-child .project__image{height:180px}.projects__bento .project__card:last-child{flex-direction:column}.projects__bento .project__card:last-child .project__image{width:100%;height:160px;min-height:unset}.projects__bento .project__card:last-child:hover{transform:translateY(-8px)}}