*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;color:#0b1020;background:#070b18}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}:root{--bg-grad: radial-gradient(1200px 800px at 10% -10%, #ff98e6 0%, transparent 60%), radial-gradient(1000px 700px at 110% 10%, #7ae1ff 0%, transparent 60%), radial-gradient(900px 600px at 60% 120%, #c7ff85 0%, transparent 60%);--panel: rgba(255, 255, 255, .14);--panel-2: rgba(255, 255, 255, .22);--text: #0b1020;--text-on-dark: #eaf3ff;--primary: #6a5cff;--primary-2: #ff6ace;--radius: 18px}h1,h2,h3{margin:0 0 .6rem;color:var(--text-on-dark);letter-spacing:-.02em}p,li,span,a,label,input,textarea{color:var(--text-on-dark)}.headline{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.05}.subtitle{font-size:clamp(1.05rem,1.3vw,1.25rem);opacity:.9;max-width:60ch}.container{width:min(1120px,92%);margin-inline:auto}.section{padding:60px 0;position:relative;scroll-margin-top:80px}.grid-2{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}@media (max-width: 960px){.grid-2{grid-template-columns:1fr}}.nav{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0c1020b3,#0c10201a);z-index:50}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(10px,3vw,18px);width:min(1120px,96%);margin-inline:auto}.brand{font-weight:700;color:var(--text-on-dark);display:flex;align-items:center;gap:8px}.nav__links{display:flex;gap:8px;align-items:center}.nav__link{padding:10px 14px;border-radius:999px;background:transparent;border:0;color:var(--text-on-dark);opacity:.85;transition:transform .2s,background .2s,opacity .2s;cursor:pointer}.nav__link:hover{transform:translateY(-1px);opacity:1;background:#ffffff14}.nav__link.active{background:linear-gradient(90deg,#6a5cff,#ff6ace);color:#0b1020;font-weight:700}.hamburger{display:none;background:transparent;border:0;width:44px;height:36px;border-radius:10px;position:relative}.hamburger span{position:absolute;left:10px;right:10px;height:2px;background:#fff;transition:transform .25s,top .25s,opacity .25s}.hamburger span:nth-child(1){top:10px}.hamburger span:nth-child(2){top:17px}.hamburger span:nth-child(3){top:24px}.hamburger.is-open span:nth-child(1){top:17px;transform:rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){top:17px;transform:rotate(-45deg)}@media (max-width: 820px){.hamburger{display:block}.nav__links{position:absolute;inset:58px 12px auto;background:#0f1428e6;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;display:grid;gap:6px;transform-origin:top right;transform:scale(.98);opacity:0;pointer-events:none;transition:.2s}.nav__links.open{transform:scale(1);opacity:1;pointer-events:auto}}.progress{height:3px;background:#ffffff14}.progress__bar{height:100%;width:0;background:linear-gradient(90deg,#6a5cff,#ff6ace,#7ae1ff);animation:progress linear both;animation-timeline:scroll(root block)}@keyframes progress{to{width:100%}}.hero{padding-top:120px}.txt-gradient{background:linear-gradient(90deg,#c7ff85,#7ae1ff,#ff98e6,#ffd47a);-webkit-background-clip:text;background-clip:text;color:transparent}.cta-row{display:flex;gap:12px;margin:22px 0 30px;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn--primary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:400}.btn--primary:hover{transform:translateY(-1px)}.btn--ghost{background:#ffffff1a;color:#fff}.btn:hover{transform:translateY(-1px)}.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}@media (max-width: 900px){.hero-cards{grid-template-columns:1fr}}.card{padding:20px;border-radius:var(--radius);background:var(--panel);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px #0000002e}.card__icon{font-size:28px}.card__title{font-size:1.1rem;margin-top:6px}.card__desc{opacity:.9}.pop{transform:translateY(0);transition:transform .25s,box-shadow .25s}.pop:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000040}.hover-raise{transition:transform .25s,box-shadow .25s}.hover-raise:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 48px #00000052}.about__media{display:grid;place-items:center}.avatar{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;font-size:72px;background:#fff;border:3px solid rgba(255,255,255,.6);box-shadow:0 20px 60px #0006}.lead{opacity:.95;max-width:60ch}.about__list{margin:14px 0 0;padding-left:18px}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 800px){.skills{grid-template-columns:1fr}}.skill{padding:16px;border-radius:var(--radius);background:var(--panel);border:1px solid rgba(255,255,255,.14)}.skill__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pill{padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#ff7a7a,#ffcc7a,#7aff85);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.skill__value{display:none}.meter{height:10px;background:#ffffff1f;border-radius:999px;overflow:hidden}.meter__bar{height:100%;background:linear-gradient(90deg,#6a5cff,#ff6ace,#7ae1ff);width:0;border-radius:inherit;animation:loadbar .9s ease-out forwards}@keyframes loadbar{0%{width:0}}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (max-width: 880px){.projects{grid-template-columns:1fr}}.project{position:relative;overflow:hidden;min-height:180px;display:grid}.project__bg{position:absolute;inset:0;background:radial-gradient(120% 100% at 0% 0%,#ffffff2e,#ffffff14);mix-blend-mode:overlay}.project__body{position:relative;z-index:1}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{padding:6px 10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.contact label{display:grid;gap:6px;font-weight:600}.contact input,.contact textarea{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;outline:none}.contact input:focus,.contact textarea:focus{border-color:#7ae1ff;box-shadow:0 0 0 3px #7ae1ff40}.contact .full{grid-column:1 / -1}@media (max-width: 720px){.contact{grid-template-columns:1fr}}.footer{padding:28px 0 48px}.footer__inner{display:flex;justify-content:space-between;align-items:center;opacity:.9}.reveal{opacity:0;transform:translateY(18px) scale(.98);filter:blur(3px);transition:opacity .7s ease,transform .7s ease,filter .7s ease}.show{opacity:1!important;transform:translateY(0) scale(1)!important;filter:blur(0)!important}html{scroll-behavior:smooth}::selection{background:#ff98e6;color:#0b1020}.footer{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#070b18;color:#fff}.footer__inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.footer__copyright{flex:1}.footer__social-links{display:flex;justify-content:center;align-items:center;flex:1;gap:1rem}.footer__social-link{display:inline-block}.footer__social-icon{width:24px;height:24px;filter:grayscale(1);transition:filter .5s ease,brightness .5s ease}.github-logo{filter:grayscale(1) brightness(.4)}.footer__social-link:hover .footer__social-icon{filter:grayscale(0) brightness(1)}.footer__back-to-top{flex:1;text-align:right;margin-left:1rem}.brand-logo{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}