@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#07060f;--bg-soft:#0c0a1a;--surface:#ffffff0b;--surface-strong:#ffffff12;--border:#ffffff17;--text:#eeedf6;--text-dim:#a09dbb;--text-faint:#635f80;--accent:#7c5cff;--accent-2:#21d4fd;--accent-3:#ff5ca7;--gradient:linear-gradient(120deg, var(--accent), var(--accent-2));--gradient-warm:linear-gradient(120deg, var(--accent-3), var(--accent));--radius-sm:10px;--radius:18px;--radius-lg:28px;--sans:"Inter", system-ui, sans-serif;--display:"Space Grotesk", system-ui, sans-serif;--container:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--text);margin:0;font-weight:600}p{color:var(--text-dim);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}button,input,textarea{font-family:var(--sans)}#root{min-height:100svh;position:relative}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (hover:hover){body,a,button,[data-cursor]{cursor:none}}.text-gradient{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{letter-spacing:.2px;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;padding:14px 30px;font-size:.92rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn--primary{background:var(--gradient);color:#fff;box-shadow:0 10px 30px #7c5cff59}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 16px 36px #7c5cff73}.btn--ghost{border-color:var(--border);color:var(--text);background:var(--surface)}.btn--ghost:hover{border-color:var(--accent);transform:translateY(-3px)}.btn--sm{padding:9px 20px;font-size:.85rem}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--accent-2);width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{border:1px solid var(--accent);width:34px;height:34px;margin:-17px 0 0 -17px;transition:width .25s,height .25s,margin .25s,border-color .25s,background .25s}.cursor-ring--active{border-color:var(--accent-2);background:#7c5cff1f;width:56px;height:56px;margin:-28px 0 0 -28px}.scroll-progress{background:var(--gradient);transform-origin:0%;z-index:1000;height:3px;position:fixed;top:0;left:0;right:0}.navbar{z-index:100;justify-content:space-between;align-items:center;gap:1.5rem;padding:20px 6vw;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#07060fbf;padding:12px 6vw}.navbar__brand{font-family:var(--display);align-items:center;gap:10px;font-weight:600;display:flex}.navbar__brand-mark{background:var(--gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;display:flex}.navbar__links{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;gap:.4rem;padding:6px;display:flex}.navbar__link{color:var(--text-dim);z-index:1;border-radius:50px;padding:8px 18px;font-size:.88rem;font-weight:500;position:relative}.navbar__link--active{color:#fff}.navbar__pill{background:var(--gradient);z-index:-1;border-radius:50px;position:absolute;inset:0}.navbar__cta{flex-shrink:0}.navbar__toggle{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;display:none}.navbar__toggle span{background:var(--text);border-radius:2px;width:18px;height:2px;margin:0 auto;transition:transform .25s}.navbar__toggle--open span:first-child{transform:translateY(4px)rotate(45deg)}.navbar__toggle--open span:last-child{transform:translateY(-4px)rotate(-45deg)}.navbar__drawer{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0a1af7;flex-direction:column;margin-top:10px;padding:1rem;display:flex;position:absolute;top:100%;left:5vw;right:5vw}.navbar__drawer a{color:var(--text-dim);border-bottom:1px solid var(--border);padding:12px 8px;font-weight:500}.navbar__drawer a:last-child{border-bottom:none}@media (width<=920px){.navbar__links,.navbar__cta{display:none}.navbar__toggle{display:flex}}.hero{align-items:center;min-height:100svh;padding:120px 6vw 80px;display:flex;position:relative;overflow:hidden}.hero__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.6;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 10%,#0000 75%)}.hero__glow{filter:blur(120px);opacity:.35;z-index:-1;border-radius:50%;width:480px;height:480px;position:absolute}.hero__glow--1{background:var(--accent);top:-120px;left:-100px}.hero__glow--2{background:var(--accent-2);bottom:-160px;right:-120px}.hero__inner{width:100%;max-width:var(--container);grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;margin:0 auto;display:grid;position:relative}.hero__badge{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:50px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:8px 16px;font-size:.8rem;display:inline-flex}.hero__badge-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ade8033}.hero__name{margin-bottom:.6rem;font-size:3.4rem;line-height:1.1}.hero__role{font-family:var(--display);color:var(--accent-2);min-height:2.2rem;margin-bottom:1.2rem;font-size:1.6rem;font-weight:500}.hero__cursor{color:var(--accent);animation:.85s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.hero__tagline{max-width:480px;margin-bottom:2.2rem;font-size:1.05rem}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.hero__visual{width:380px;height:380px;transform-style:preserve-3d;margin:0 auto;position:relative}.hero__orbit-ring{border:1px solid var(--border);border-radius:50%;position:absolute}.hero__orbit-ring--1{inset:10px}.hero__orbit-ring--2{border-style:dashed;animation:22s linear infinite spin;inset:56px}.hero__card{background:var(--gradient);border-radius:36px;justify-content:center;align-items:center;width:160px;height:160px;margin:auto;display:flex;position:absolute;inset:0;box-shadow:0 30px 70px #7c5cff66}.hero__card-mark{font-family:var(--display);color:#fff;font-size:3rem;font-weight:700}.hero__orbit-tag{background:var(--surface-strong);border:1px solid var(--border);color:var(--text-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;transform:translate(-50%, -50%) rotate(calc(360deg / var(--n) * var(--i))) translateY(-178px) rotate(calc(-360deg / var(--n) * var(--i)));border-radius:50px;padding:7px 15px;font-size:.78rem;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.hero__scroll-cue{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);flex-direction:column;align-items:center;gap:8px;font-size:.72rem;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero__scroll-cue span{background:linear-gradient(var(--accent), transparent);width:1px;height:28px}@media (width<=960px){.hero__inner{text-align:center;grid-template-columns:1fr}.hero__tagline{margin-inline:auto}.hero__actions{justify-content:center}.hero__visual{width:280px;height:280px}.hero__orbit-tag{transform:translate(-50%, -50%) rotate(calc(360deg / var(--n) * var(--i))) translateY(-128px) rotate(calc(-360deg / var(--n) * var(--i)))}}@media (width<=540px){.hero__name{font-size:2.3rem}}.section{padding:7rem 6vw;position:relative}.section__inner{max-width:var(--container);margin:0 auto}.section-heading{margin-bottom:3.5rem}.section-heading--center{text-align:center}.section-heading__eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:10px;margin-bottom:.9rem;font-size:.82rem;font-weight:600;display:inline-flex}.section-heading__dash{background:var(--gradient);border-radius:2px;width:28px;height:2px}.section-heading__title{max-width:640px;font-size:2.4rem;line-height:1.25}@media (width<=600px){.section{padding:5rem 6vw}.section-heading__title{font-size:1.7rem}}.bento{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;transition:border-color .25s,transform .25s,background .25s}.bento-card:hover{background:var(--surface-strong);border-color:#7c5cff66}.bento-card--bio{flex-direction:column;grid-column:span 2;justify-content:space-between;gap:1.5rem;display:flex}.bento-card--bio p{color:var(--text);font-size:1.05rem}.bento-card__meta{color:var(--text-dim);align-items:center;gap:10px;font-size:.85rem;display:flex}.bento-card__meta svg{color:var(--accent-2);margin-right:4px}.bento-card__dot{background:var(--text-faint);border-radius:50%;width:4px;height:4px}.bento-card--stat{text-align:center;flex-direction:column;justify-content:center;gap:.4rem;display:flex}.bento-card__stat-value{font-family:var(--display);background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:700}.bento-card__stat-label{color:var(--text-dim);font-size:.82rem}.bento-card--highlight{grid-column:span 2;position:relative}.bento-card__index{font-family:var(--display);color:var(--text-faint);margin-bottom:.8rem;font-size:.85rem;display:block}.bento-card--highlight h4{margin-bottom:.5rem;font-size:1.1rem}@media (width<=700px){.bento-card--bio,.bento-card--highlight{grid-column:span 2}}@media (width<=480px){.bento{grid-template-columns:1fr}.bento-card--bio,.bento-card--highlight,.bento-card--stat{grid-column:span 1}}.exp-timeline{padding-left:2.4rem;position:relative}.exp-timeline__track{background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:5px}.exp-timeline__progress{background:var(--gradient);width:100%}.exp-item{margin-bottom:2rem;position:relative}.exp-item:last-child{margin-bottom:0}.exp-item__dot{background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-2.4rem;box-shadow:0 0 0 5px #7c5cff1f}.exp-item__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 2rem;transition:border-color .25s,transform .25s}.exp-item__card:hover{border-color:#7c5cff66;transform:translate(4px)}.exp-item__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.3rem;display:flex}.exp-item__period{color:var(--accent-2);font-size:.8rem;font-family:var(--display)}.exp-item__company{color:var(--text-dim);margin-bottom:.8rem;font-weight:500}.exp-item__summary{margin-bottom:.9rem}.exp-item__points{flex-direction:column;gap:.5rem;display:flex}.exp-item__points li{color:var(--text-dim);padding-left:1.2rem;font-size:.92rem;position:relative}.exp-item__points li:before{content:"";background:var(--accent-2);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.skills-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;display:flex}.skills-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);z-index:1;border-radius:50px;padding:10px 22px;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.skills-tab--active{color:#fff;border-color:#0000}.skills-tab__bg{background:var(--gradient);z-index:-1;position:absolute;inset:0}.skills-grid{flex-wrap:wrap;gap:.9rem;display:flex}.skill-chip{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);padding:14px 24px;font-size:.95rem;font-weight:500}.skill-chip:hover{border-color:var(--accent);background:var(--surface-strong)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .25s;overflow:hidden}.project-card:hover{border-color:#7c5cff73}.project-card__thumb{aspect-ratio:16/10;background:var(--bg-soft);position:relative;overflow:hidden}.project-card__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-card__thumb img{transform:scale(1.06)}.project-card__link-icon{width:36px;height:36px;color:var(--text);opacity:0;background:#07060f8c;border-radius:10px;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:16px;right:16px;transform:translateY(-6px)}.project-card:hover .project-card__link-icon{opacity:1;transform:translateY(0)}.project-card__body{padding:1.6rem 1.7rem}.project-card__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.7rem;display:flex}.project-card__head h4{font-size:1.1rem}.project-card__tag{background:var(--surface-strong);color:var(--accent-2);border-radius:50px;flex-shrink:0;padding:4px 10px;font-size:.72rem;font-weight:600}.project-card__stack{flex-wrap:wrap;gap:.5rem;margin-top:1.1rem;display:flex}.project-card__stack span{color:var(--text-faint);border:1px solid var(--border);border-radius:50px;padding:4px 10px;font-size:.78rem}.work-list{flex-direction:column;gap:1.1rem;display:flex}.work-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:1.4rem;padding:1.6rem 1.8rem;transition:border-color .25s,transform .25s;display:flex}.work-item:hover{border-color:#7c5cff66;transform:translate(4px)}.work-item__mark{width:48px;height:48px;font-family:var(--display);color:#fff;background:var(--gradient);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.work-item__body{flex:1;min-width:0}.work-item__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.25rem;display:flex}.work-item__head h4{font-size:1.08rem}.work-item__type{background:var(--surface-strong);color:var(--accent-2);border-radius:50px;flex-shrink:0;padding:4px 12px;font-size:.72rem;font-weight:600}.work-item__company{color:var(--text-dim);margin-bottom:.6rem;font-size:.9rem;font-weight:500}.work-item p{font-size:.92rem}.work-item__stack{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.work-item__stack span{color:var(--text-faint);border:1px solid var(--border);border-radius:50px;padding:3px 10px;font-size:.76rem}@media (width<=600px){.work-item{flex-direction:column}}.contact-split{grid-template-columns:.8fr 1.2fr;gap:2.5rem;display:grid}.contact-info{flex-direction:column;gap:1.4rem;display:flex}.contact-info>p{font-size:1.02rem}.contact-info__row{color:var(--text);align-items:center;gap:12px;font-size:.95rem;display:flex}.contact-info__row svg{color:var(--accent-2)}.contact-info__socials{gap:.8rem;margin-top:.6rem;display:flex}.contact-info__socials a{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.contact-info__socials a:hover{border-color:var(--accent);transform:translateY(-3px)}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.contact-form label{color:var(--text-dim);flex-direction:column;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.contact-form input,.contact-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);resize:vertical;padding:13px 16px;font-size:.95rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form button{align-self:flex-start;margin-top:.4rem}.contact-form__status{border-radius:var(--radius-sm);padding:12px 16px;font-size:.85rem}.contact-form__status--success{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.contact-form__status--error{color:#f87171;background:#f871711a;border:1px solid #f871714d}@media (width<=800px){.contact-split{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);padding:2.4rem 6vw}.footer__inner{max-width:var(--container);color:var(--text-faint);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;font-size:.85rem;display:flex}.footer__top{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.footer__top:hover{border-color:var(--accent);transform:translateY(-3px)}