.app-shell{min-height:100vh;position:relative;isolation:isolate}.container{width:min(1150px,92vw);margin:0 auto}.section{padding:6rem 0}.section-soft{background:linear-gradient(180deg,#121c2c59,#090e1600)}.site-header{position:sticky;top:0;z-index:20;padding:1rem 0;transition:background .25s ease,backdrop-filter .25s ease}.site-header.scrolled{background:#060b12b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(95,179,255,.15)}.nav-shell{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--surface-border);border-radius:12px;font-weight:700;background:var(--surface);text-decoration:none}.site-nav{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:8px}.menu-toggle span{display:block;width:100%;height:2px;margin:6px 0;background:var(--text-primary)}.hero-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}.hero-content h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.1}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.8rem;margin-bottom:1rem}.headline{font-size:clamp(1.1rem,2vw,1.45rem);color:var(--text-secondary);max-width:58ch;margin-top:1.2rem}.muted-copy{color:var(--text-secondary);margin-top:1rem}.cta-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem}.button{border-radius:999px;border:1px solid transparent;text-decoration:none;padding:.7rem 1.25rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button.disabled{pointer-events:none;opacity:.7}.button-primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#051223;font-weight:700}.button-secondary{border-color:#5fb3ff99;color:var(--text-primary);background:#5fb3ff14}.button-ghost{border-color:var(--surface-border);color:var(--text-secondary);background:transparent}.hero-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:20px;padding:1.6rem;box-shadow:var(--shadow-soft)}.hero-panel h2{font-size:1.05rem;margin-bottom:1rem}.hero-panel ul{list-style:none;display:grid;gap:.95rem}.hero-panel li{display:flex;justify-content:space-between;gap:1rem}.hero-panel span{color:var(--text-secondary)}.section-heading{max-width:740px;margin-bottom:2rem}.section-eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:.13em;font-size:.78rem}.section-heading h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-top:.45rem}.section-description{color:var(--text-secondary);margin-top:.7rem}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:1.5rem}.about-cards{display:grid;gap:1rem}.about-cards article,.skill-card,.project-card,.timeline-item,.achievement-card,.contact-form{border:1px solid var(--surface-border);background:var(--surface);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow-soft)}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-card h3{margin-bottom:.9rem}.chip-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.tech-chip{padding:.34rem .7rem;border-radius:999px;border:1px solid rgba(95,179,255,.32);color:var(--text-secondary);font-size:.86rem}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card{display:flex;flex-direction:column;gap:1rem;transition:transform .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-5px);border-color:#5fb3ff73}.project-status{color:var(--accent);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.project-description{color:var(--text-secondary)}.feature-list{list-style-position:inside;color:var(--text-secondary)}.project-links{display:flex;gap:.5rem;margin-top:auto}.secondary-projects{margin-top:1.4rem}.secondary-projects ul{margin-top:.7rem;list-style-position:inside;color:var(--text-secondary)}.timeline,.achievement-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-type,.badge{display:inline-flex;font-size:.76rem;border-radius:999px;padding:.24rem .62rem;border:1px solid rgba(95,179,255,.45);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.7rem}.timeline-org,.timeline-years{color:var(--text-secondary)}.timeline-item ul,.achievement-card ul{list-style-position:inside;margin-top:.6rem;color:var(--text-secondary)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-links{display:grid;gap:.5rem;margin-top:1rem}.contact-links a{color:var(--text-secondary);text-decoration:none}.contact-links a:hover{color:var(--text-primary)}.contact-form{display:grid;gap:.9rem}.contact-form label{display:grid;gap:.4rem;font-size:.94rem}.contact-form input,.contact-form textarea{border:1px solid var(--surface-border);background:#070e18b3;color:var(--text-primary);border-radius:10px;padding:.72rem;font:inherit}.form-status{font-size:.92rem}.form-status.success{color:var(--success)}.form-status.error,.api-warning{color:var(--danger)}.site-footer{border-top:1px solid rgba(95,179,255,.18);margin-top:4rem;padding:1.6rem 0 2rem;color:var(--text-secondary)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem}.footer-links a{text-decoration:none}.background-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(115,155,200,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(115,155,200,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%);animation:drift 24s linear infinite}.background-glow{position:absolute;width:42vw;height:42vw;border-radius:999px;filter:blur(80px);opacity:.18}.glow-left{background:#2f8adc;left:-12vw;top:18vh}.glow-right{background:#39d2b4;right:-15vw;top:-4vh}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-44px)}}@media (max-width: 1024px){.hero-layout,.about-grid,.contact-layout,.timeline,.achievement-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}.site-nav{position:absolute;top:68px;right:4vw;background:#0b121cf7;border:1px solid var(--surface-border);border-radius:12px;padding:.8rem;display:none;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:block}}:root{--bg-main: #090e16;--bg-elevated: #10192a;--bg-soft: #0c1423;--surface: rgba(20, 30, 48, .7);--surface-border: rgba(118, 151, 190, .24);--text-primary: #f2f6ff;--text-secondary: #b5c4dc;--accent: #5fb3ff;--accent-strong: #1f89e1;--success: #46c89f;--danger: #ff6f75;--shadow-soft: 0 20px 50px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Sora,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 0%,#14223a 0%,var(--bg-main) 45%),linear-gradient(180deg,#070b12,#090e16);color:var(--text-primary);line-height:1.7;min-height:100vh}a{color:inherit}#root{min-height:100vh}