:root{color:#e5eefb;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#060b16;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%,#6582ff59,#0000 35%),radial-gradient(circle at 90% 25%,#00d6ff3d,#0000 28%),linear-gradient(160deg,#030914,#081327 55%,#050a16);min-height:100vh;margin:0}#root{min-height:100vh}.site-shell{background:radial-gradient(circle at 100% 0,#fc71b62e,#0000 32%),radial-gradient(circle at 0 100%,#62c4ff33,#0000 30%),#0a0e1cd1;border:1px solid #ffffff24;border-radius:32px;width:min(1120px,100% - 2.5rem);margin:3rem auto;padding:2.25rem;box-shadow:0 26px 80px #090d1b73,inset 0 0 0 1px #ffffff08}.hero{text-align:center;margin-bottom:2.25rem}.kicker{letter-spacing:.08em;color:#ff9ed8;margin:0;font-size:.86rem;font-weight:700}.hero h1{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:.9rem 0;font-size:clamp(2rem,6vw,3.6rem);line-height:1.05}.hero-copy{color:#e5eefded;max-width:62ch;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;display:grid}.project-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;background:#121f3894;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;gap:.65rem;padding:1.2rem;transition:transform .2s,border-color .2s,box-shadow .2s,rotate .2s;display:flex}.project-card:nth-child(odd){rotate:-.4deg}.project-card:nth-child(2n){rotate:.4deg}.project-card:hover{border-color:#ffa4dcb3;transform:translateY(-6px)scale(1.01);box-shadow:0 16px 30px #00000057}.tag{color:#ffd3ec;background:#ffa7da2e;border-radius:999px;width:fit-content;margin:0;padding:.28rem .6rem;font-size:.75rem;display:inline-block}.project-card h2{color:#f7fbff;margin:0;font-size:1.27rem}.project-card p{color:#ddeafae6;margin:0}.project-link{color:#201128;background:linear-gradient(100deg,#88deff,#c89dff 50%,#ff91c9);border-radius:12px;width:fit-content;margin-top:auto;padding:.55rem .88rem;font-weight:700;text-decoration:none}.project-link:hover{filter:brightness(1.06)}.footer-note{text-align:center;color:#cbdcf0eb;margin-top:1.4rem}.footer-note code{color:#ffb7e1}@media (width<=640px){.site-shell{border-radius:18px;width:min(1120px,100% - 1.2rem);margin:1.25rem auto;padding:1.2rem}}