html:has(body.profile-status-page) { color-scheme: light; }
body.profile-status-page { margin: 0; color: #182c49; background: #f5f7fa; font-family: Inter, system-ui, sans-serif; min-width: 0; }
.profile-status-page *, .profile-status-page *::before, .profile-status-page *::after { box-sizing: border-box; }
.profile-status-shell { min-height: 100svh; display: flex; flex-direction: column; background: radial-gradient(ellipse at 20% 30%, #e7eef9 0, transparent 50%), radial-gradient(ellipse at 90% 80%, #eeeae1 0, transparent 45%); }
.profile-status-header { width: min(1120px, 100%); margin-inline: auto; padding: 24px 32px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.profile-status-page a { text-decoration: none; color: #31547e; }
.profile-status-brand { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 650; }
.profile-status-mark { display: grid; place-items: center; width: 34px; height: 34px; background: #18375d; color: #fff; border-radius: 11px; font-size: 13px; letter-spacing: -.5px; }
.profile-status-home { font-size: 13px; padding-block: 12px; }
.profile-status-main { flex: 1; display: grid; place-items: center; padding: 30px 20px 50px; }
.profile-status-card { width: min(550px, 100%); padding: 42px 44px 30px; background: #ffffffdb; border: 1px solid #fff; border-radius: 24px; box-shadow: 0 16px 60px #18375d0a, 0 1px 3px #18375d0b; text-align: center; }
.profile-status-art { position: relative; margin: 0 auto 30px; width: 104px; height: 104px; border: 1px solid #dce4ee; background: #eef3fa; border-radius: 50%; display: grid; place-items: center; }
.profile-status-paper { width: 42px; height: 53px; background: #fff; border: 1.5px solid #91a7c2; border-radius: 7px; padding: 14px 8px; transform: rotate(-8deg); box-shadow: 3px 5px 0 #dce6f3; }
.profile-status-line { display: block; height: 2px; border-radius: 1px; margin: 0 0 6px; background: #b6c7db; }
.profile-status-line:last-child { width: 65%; }
.profile-status-badge { position: absolute; bottom: 9px; right: 3px; width: 30px; height: 30px; border: 3px solid #fff; border-radius: 50%; display: grid; place-items: center; background: #a3834e; color: #fff; font-size: 15px; font-weight: 700; }
.profile-status-eyebrow { font-size: 10px; font-weight: 650; letter-spacing: .15em; color: #697e99; margin: 0 0 12px; }
.profile-status-card h1 { font-family: Inter, system-ui, sans-serif; font-size: clamp(24px, 4vw, 30px); line-height: 1.22; letter-spacing: -.035em; font-weight: 650; color: #182c49; margin: 0 auto 16px; max-width: 390px; outline: none; }
.profile-status-description { font-size: 14px; line-height: 1.7; color: #576980; margin: 0 auto 26px; max-width: 390px; }
.profile-status-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.profile-status-page .profile-status-primary, .profile-status-page .profile-status-secondary { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 12px 20px; border-radius: 10px; font: 600 13px/1.45 Inter, system-ui, sans-serif; cursor: pointer; border: 1px solid #23466f; background: #23466f; color: white; }
.profile-status-page .profile-status-secondary { background: transparent; color: #23466f; border-color: #c9d6e5; }
.profile-status-page a:hover { text-decoration: underline; }
.profile-status-page .profile-status-primary:hover { background: #18375d; text-decoration: none; }
.profile-status-page a:focus-visible, .profile-status-page button:focus-visible { outline: 3px solid #638dc4; outline-offset: 4px; }
.profile-status-owner { border-top: 1px solid #e3e9f0; padding-top: 22px; margin: 30px 0 0; color: #63748a; font-size: 12px; line-height: 1.8; }
.profile-status-owner a { text-decoration: underline; text-underline-offset: 3px; }
.profile-status-footer { text-align: center; padding: 20px; color: #6e7f95; font-size: 11px; }
@media (max-width: 480px) { .profile-status-header { padding: 16px 20px; } .profile-status-main { padding: 18px 16px 24px; } .profile-status-card { padding: 30px 24px 24px; border-radius: 20px; } .profile-status-art { margin-bottom: 24px; } }
@media (prefers-reduced-motion: reduce) { .boot-spinner { animation: none !important; } }