:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07111f;color:#f7fbff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(31,136,255,.18),transparent 42%),#07111f}.auth-shell{width:min(100% - 32px,460px);display:grid;gap:18px;justify-items:center}.auth-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.auth-brand img{width:34px;height:34px}.auth-copy{text-align:center}.auth-copy h1{margin:0 0 8px;font-size:28px}.auth-copy p{margin:0;color:#9eb0c4}.auth-card{width:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#clerkMount{width:100%;display:grid;place-items:center}.auth-consent{max-width:390px;margin:0;padding:0 16px;color:#9eb0c4;font-size:12px;line-height:1.55;text-align:center}.auth-consent a{color:#7ec8ff;font-weight:700;text-underline-offset:2px}.auth-consent a:hover,.auth-consent a:focus-visible{color:#b4e0ff}.auth-error{padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#ffb4b4;background:rgba(153,27,27,.18)}

/* Clerk can render the password requirements success feedback before the
   user has entered a password. Keep the empty state visually neutral while
   leaving Clerk's actual validation and submit behavior untouched. */
#clerkMount .cl-formFieldInput[type="password"]:placeholder-shown{border-color:rgba(255,255,255,.2)!important;box-shadow:none!important}
#clerkMount:has(.cl-formFieldInput[type="password"]:placeholder-shown) .cl-formFieldSuccessText{display:none!important}