@font-face{font-family:'Inter';src:url('/fonts/inter-v20-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-v20-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;background:#0a0a0f;color:#e8e8ea;min-height:100vh;line-height:1.6;display:flex;flex-direction:column}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 10%,#1e1b4b 0%,transparent 50%),radial-gradient(circle at 80% 80%,#4c1d95 0%,transparent 50%),#0a0a0f}
main{flex:1;max-width:800px;margin:0 auto;padding:4rem 2rem;width:100%}
header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}
header p{color:#a1a1aa;font-size:1.1rem;margin-bottom:2rem}
.links{display:grid;gap:1rem;margin-bottom:3rem}
.card{display:block;padding:1.25rem 1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;text-decoration:none;color:#e8e8ea;transition:all .25s ease;backdrop-filter:blur(10px)}
.card:hover{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.4);transform:translateY(-2px)}
.card strong{display:block;font-weight:700;margin-bottom:.2rem}
.card span{color:#a1a1aa;font-size:.9rem}
footer{padding:2rem;text-align:center;color:#71717a;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05)}
footer a{color:#a78bfa;text-decoration:none;margin:0 .5rem}
footer a:hover{text-decoration:underline}
.content h2{font-size:2rem;margin:2rem 0 1rem;color:#f0abfc}
.content h3{margin:1.5rem 0 .5rem;color:#c4b5fd}
.content p,.content li{margin-bottom:.8rem;color:#d4d4d8}
.content ul{padding-left:1.5rem}
.content a{color:#a78bfa}
.back{display:inline-block;margin-bottom:2rem;color:#a78bfa;text-decoration:none}
.back:hover{text-decoration:underline}
.huge{font-size:clamp(5rem,15vw,9rem);font-weight:700;background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2rem}