:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#162b31;background:#f6f8f7;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 0,#dff0e8,transparent 65%)}
main{max-width:520px;margin:0 auto;padding:56px 20px;text-align:center}.brand{display:inline-flex;align-items:center;gap:10px;color:#183d34;text-decoration:none;font-weight:750;font-size:22px}.brand img{width:38px;height:38px;object-fit:contain}
h1{font-size:clamp(28px,6vw,38px);letter-spacing:-1.3px;line-height:1.15;margin:34px 0 14px}.intro{color:#516760;line-height:1.6;margin-bottom:28px}#loginStatus{font-size:14px;line-height:1.5;color:#516760}#clerkSignIn{display:flex;justify-content:center;min-height:80px}
nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:13px}nav a{color:#40675a}button{border:0;border-radius:10px;background:#174e3a;color:white;padding:13px 24px;cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #6aae98;outline-offset:4px}[hidden]{display:none!important}