:root{--bg:#0a0b0f;--surface:#14161c;--surface-2:#1b1e27;--border:#262a35;--text:#f5f6f7;--muted:#9199a8;--accent:#7c6fff;--accent-soft:#7c6fff1f;--mint:#43e6b5;--coral:#ff7a59;--green:#899c3b;--max:1250px;--font-display:"Sora", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.65;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section__inner{max-width:var(--max);margin:0 auto;padding:0 24px}.glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#7c6fff24 0%,#0000 70%);border-radius:50%;width:500px;height:500px;transition:opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0b0fbf;position:sticky;top:0}.nav__inner{max-width:var(--max);align-items:center;gap:24px;margin:0 auto;padding:18px 24px;display:flex}.nav__logo{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.nav__logo span{color:var(--accent)}.nav__links{color:var(--muted);gap:30px;margin-left:auto;font-size:.92rem;display:flex}.nav__links a{transition:color .2s}.nav__links a:hover{color:var(--text)}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.nav__toggle span{background:var(--text);width:20px;height:2px}.nav__mobile{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding:10px 24px 22px;display:none}.nav__mobile a{color:var(--muted)}.nav__mobile.is-open{display:flex}@media (width<=760px){.nav__links{display:none}.nav__toggle{display:flex}}.hero{z-index:1;background:linear-gradient(180deg, var(--bg) 0%, #150f22 42%, #26123a 78%, #331545 100%);padding-top:60px;position:relative;overflow:hidden}.hero:before{content:"";background:var(--accent);opacity:.16;filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-260px;left:50%;transform:translate(-50%)}.hero__stars{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__stars .star{background:#fff;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:1}}.hero__inner{z-index:1;max-width:var(--max);text-align:center;margin:0 auto;padding:0 24px 70px;position:relative}.badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:30px;display:flex}.badge{font-family:var(--font-mono);border-radius:100px;align-items:center;gap:9px;padding:7px 16px;font-size:.8rem;display:inline-flex}.badge--available{color:var(--mint);background:#43e6b514;border:1px solid #43e6b540}.badge--edu{color:var(--accent);background:#7c6fff1a;border:1px solid #7c6fff4d}.badge__icon{flex-shrink:0;width:16px;height:16px}.badge__dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 8px var(--mint);border-radius:50%}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.05}.hero__role{flex-direction:column;align-items:center;gap:6px;margin:16px 0 26px;display:flex}.hero__role-primary{font-family:var(--font-mono);color:var(--accent);font-size:clamp(1.15rem,2.6vw,1.55rem);font-weight:600}.hero__role-secondary{font-family:var(--font-mono);color:var(--green);font-size:clamp(1.25rem,1.6vw,1.25rem)}.hero__desc{max-width:700px;color:var(--muted);margin:0 auto;font-size:1.05rem}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:38px;display:flex}.btn{border-radius:100px;padding:14px 26px;font-size:.92rem;font-weight:500;transition:all .2s;display:inline-block}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px #7c6fff8c}.btn--outline{border:1px solid var(--border);color:var(--text)}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.hero__actions .btn--primary{box-shadow:0 0 16px #7c6fff80,0 0 36px #7c6fff38}.hero__actions .btn--primary:hover{box-shadow:0 0 22px #7c6fffb3,0 0 50px #7c6fff59}.hero__actions .btn--outline{border:1px solid #43e6b580;box-shadow:0 0 14px #43e6b54d}.hero__actions .btn--outline:hover{border-color:var(--mint);color:var(--mint);box-shadow:0 0 22px #43e6b580}.marquee-wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.marquee{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:22px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.marquee__track{white-space:nowrap;width:max-content;font-family:var(--font-mono);color:var(--muted);gap:50px;padding:0 25px;font-size:.95rem;animation:26s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{z-index:1;padding:100px 0;position:relative}.section--alt{background:var(--surface)}.eyebrow{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);border-radius:100px;margin-bottom:14px;padding:5px 14px;font-size:1rem;transition:border-color .2s,color .2s,background .2s;display:inline-block}.eyebrow:hover{border-color:var(--accent);color:var(--mint);background:var(--accent-soft)}.section__title{font-family:var(--font-display);margin-bottom:14px;font-size:clamp(2.5rem,4.5vw,2.7rem);font-weight:700}.section__lede{color:var(--muted);max-width:700px;margin-bottom:54px}#work .eyebrow{width:fit-content;margin-left:auto;margin-right:auto;display:block}#work .section__title{text-align:center}#work .section__lede{text-align:center;margin-left:auto;margin-right:auto}#about .eyebrow{width:fit-content;margin-left:auto;margin-right:auto;display:block}.work-list{grid-template-columns:1fr 1fr;gap:28px;display:grid}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:50px;flex-direction:column;padding:28px;transition:border-color .25s,transform .25s;display:flex;position:relative}.work-card:hover{border-color:var(--accent);transform:translateY(-3px)}.work-card__image{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);border-radius:35px;margin-bottom:26px;position:relative;overflow:hidden}.work-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.work-card__image:hover img{transform:scale(1.08)}.work-card__github{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b0f8c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:background .2s,transform .2s,border-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-card__github:hover{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%)scale(1.1)}.work-card__github svg{color:#fff;width:24px;height:24px}.work-card__demo{color:#fff;background:var(--accent);border-radius:100px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block}.work-card__demo:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px #7c6fff8c}.work-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.4rem}.work-card__summary{color:var(--muted);max-width:560px;margin-bottom:24px}.work-card__split{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.work-card__split>div{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.work-card__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.72rem;font-weight:600;display:block}.work-card__split>div:first-child .work-card__label{color:var(--coral)}.work-card__split>div:last-child .work-card__label{color:var(--accent)}.work-card__split p{color:var(--muted);font-size:.92rem}.work-card__tags{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.work-card__tags li{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:100px;align-items:center;gap:8px;padding:7px 16px 7px 12px;font-size:.78rem;font-weight:500;transition:border-color .2s,transform .2s;display:inline-flex}.work-card__tags li:hover{border-color:var(--accent);transform:translateY(-2px)}.work-card__tags li img,.work-card__tags li .tag-icon{width:15px;height:15px;color:var(--accent);flex-shrink:0}.work-card__links{gap:22px;display:flex}.work-card__links a:not(.work-card__demo):hover{color:var(--accent);border-color:var(--accent)}@media (width<=860px){.work-list{grid-template-columns:1fr}}@media (width<=640px){.work-card{padding:22px}}.about-grid{grid-template-columns:220px 1.2fr 1fr;align-items:start;gap:42px;margin-bottom:54px;display:grid}.about-photo{aspect-ratio:1;background:linear-gradient(135deg, var(--accent), var(--mint));border-radius:24px;width:100%;padding:2px}.about-photo__frame{background:var(--surface-2);border-radius:22px;width:100%;height:100%;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;display:block}.about-text{color:var(--muted);max-width:480px;font-size:1.05rem}.about-meta{flex-direction:column;gap:22px;display:flex}.about-meta__block strong{font-family:var(--font-display);margin:6px 0 4px;font-size:1.05rem;display:block}.about-meta__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.72rem}.about-meta__block p{color:var(--muted);font-size:.9rem}.about-meta__resume{align-self:flex-start;margin-top:6px}.stack{flex-wrap:wrap;gap:12px;display:flex}.stack span{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:100px;align-items:center;gap:9px;padding:9px 18px 9px 13px;font-size:.85rem;transition:border-color .2s,transform .2s;display:inline-flex}.stack span:hover{border-color:var(--accent);transform:translateY(-2px)}.stack span img{flex-shrink:0;width:17px;height:17px}@media (width<=900px){.about-grid{grid-template-columns:1fr}.about-photo{max-width:220px}}.contact{text-align:center}.contact .section__lede{margin-left:auto;margin-right:auto}.contact__main{font-family:var(--font-display);color:var(--accent);border-bottom:2px solid var(--accent);margin:30px 0 40px;padding-bottom:6px;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;transition:opacity .2s;display:inline-block}.contact__main:hover{opacity:.8}.contact__socials{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.contact__socials a{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);border-radius:100px;padding:10px 22px;transition:border-color .2s,color .2s,background .2s,transform .2s}.contact__socials a:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.footer{z-index:1;max-width:var(--max);font-family:var(--font-mono);color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;margin:0 auto;padding:30px 24px;font-size:.8rem;display:flex;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee__track{animation:none}.hero__stars .star{opacity:.6;animation:none}*{transition:none!important}}