:root{--bg: #0b0f17;--card: #111827;--text: #e5e7eb;--muted:#9ca3af;--brand:#60a5fa}*{box-sizing:border-box}html,body{height:auto}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;background:radial-gradient(80% 60% at 50% -10%,#1f2937 0%,var(--bg) 60%,#000 100%);color:var(--text);line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1100px,92%);margin:0 auto;padding:24px 0}.nav{position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid #1f2937}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.nav a{margin-left:16px}.hero{padding:80px 0 40px;text-align:center}.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px}.hero p{color:var(--muted);margin:0 auto 24px;max-width:60ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:16px}.section{padding:32px 0}.section h2{margin:0 0 16px;font-size:1.5rem}input,textarea,button{width:100%;padding:12px;margin:8px 0;border-radius:12px;border:1px solid #374151;background:#0b1220;color:var(--text)}button{background:var(--brand);color:#081018;font-weight:600;border:none;cursor:pointer}button:hover{filter:brightness(1.1)}footer{color:var(--muted);padding:40px 0;text-align:center}.about-section{text-align:center;margin-top:60px;margin-bottom:60px}.about-section p{color:var(--muted);max-width:65ch;margin:0 auto 16px;line-height:1.6}.projects-intro{text-align:center}.projects-intro p{color:var(--muted);max-width:65ch;margin:0 auto}.note-detail{max-width:70ch;margin:0 auto;padding:40px 16px;text-align:left}.note-detail h2{text-align:center;margin-bottom:8px}.note-detail small{display:block;text-align:center;color:var(--muted);margin-bottom:24px}.note-body h3{margin-top:24px}.note-body ul{padding-left:20px}