:root{color-scheme:dark;font:16px/1.6 Arial,sans-serif;color:#f4f2f6;background:#101013}*{box-sizing:border-box}body{margin:0}a{color:#c7a2ee}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px max(5vw,20px);border-bottom:1px solid #514457;background:linear-gradient(110deg,#582c83,#101013 85%)}header a:first-child{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:bold}header img{width:46px;height:46px;object-fit:contain}main{max-width:720px;margin:54px auto;padding:0 22px}.eyebrow{font-size:11px;letter-spacing:2px;color:#c7a2ee;font-weight:bold}h1{font:700 clamp(30px,6vw,43px)/1.15 Georgia,serif;margin:16px 0}p{color:#c4bdcd}.hint{font-size:13px;color:#aaa1b7}.notice{padding:12px 16px;background:#30223f;border:1px solid #795097;border-radius:8px;font-size:12px}#clerkSignIn{margin:25px 0}#account{padding:24px;border:1px solid #45384f;border-radius:12px;background:#19171f}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primary{display:inline-block;background:#582c83;color:white;padding:11px 18px;border-radius:6px;text-decoration:none;font-weight:bold}button{font:inherit;background:transparent;border:1px solid #6c5b7b;color:#eee;padding:8px 14px;border-radius:6px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #c7a2ee;outline-offset:3px}[hidden]{display:none!important}@media(max-width:540px){header{flex-wrap:wrap}main{margin:32px auto}.actions{align-items:stretch;flex-direction:column}.actions .primary{text-align:center}}

/* Center the Clerk card within the sign-in page. */
#clerkSignIn{display:flex;justify-content:center;width:100%;min-width:0;margin:28px auto}#clerkSignIn>.cl-rootBox{max-width:100%}#clerkSignIn .cl-cardBox{max-width:100%}#clerkSignIn[hidden]{display:none!important}

main{text-align:center;max-width:760px}#intro{max-width:610px;margin:20px auto}.hint{max-width:610px;margin:20px auto}.actions{justify-content:center}#accountEmail{overflow-wrap:anywhere}#status:empty{display:none}#clerkSignIn{margin:32px auto 40px}@media(max-width:540px){h1{font-size:32px}header a:last-child{font-size:13px}}

header img{width:54px;height:54px;object-fit:contain;background:transparent}header .read-fhi-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:9px;padding:9px 14px;color:#fff;font:700 12px/16px Arial,sans-serif;text-decoration:none;white-space:nowrap;background:#ffffff05}header .read-fhi-button:hover{background:#ffffff14;border-color:#ffffff70}@media(max-width:540px){header{gap:12px;padding:16px 20px}header a:first-child{font-size:14px;gap:9px}header img{width:44px;height:44px}header .read-fhi-button{font-size:12px}}
