.center-body { margin: 0; background: #fafaf7; color: #202a35; font: 15px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif; }
.center-body * { box-sizing: border-box; }
.center-body [hidden] { display: none !important; }
.center-body button, .center-body input, .center-body select { font: inherit; }
.center-body button, .center-body a { -webkit-tap-highlight-color: transparent; }
.center-body a { color: inherit; }
.center-body button { cursor: pointer; }
.center-body button:disabled { opacity: .6; cursor: wait; }
.center-body :focus-visible { outline: 3px solid #9cafc5; outline-offset: 3px; }
.center-body h1, .center-body h2, .center-body h3, .center-body p { margin: 0; }
.center-shell { max-width: 1240px; margin: 0 auto; padding: 0 36px; }
.center-topbar { display: flex; align-items: center; justify-content: space-between; padding: 28px 0; border-bottom: 1px solid #e6e7e0; }
.center-brand { display: inline-flex; align-items: center; gap: 11px; font-size: 14px; font-weight: 650; letter-spacing: .2em; text-decoration: none; }
.center-brand-mark { display: grid; place-items: center; height: 32px; width: 32px; background: #2a4d7a; color: #fafaf7; border-radius: 9px; font-family: Georgia, serif; font-size: 22px; font-weight: 400; letter-spacing: 0; }
.center-top-note, .center-small-note { font-size: 12px; color: #78808a; }
.center-eyebrow { font-size: 10px; font-weight: 650; color: #8b785a; letter-spacing: .16em; line-height: 1.6; }
.center-entry { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 80px; min-height: calc(100svh - 185px); padding: 74px 0 96px; }
.center-entry-copy h1 { font-size: clamp(36px, 4.1vw, 54px); font-weight: 550; line-height: 1.45; letter-spacing: -.04em; margin: 19px 0 22px; color: #263f60; }
.center-lead { font-size: 17px; line-height: 1.9; color: #78808a; }
.center-pillars { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 48px; font-size: 12px; color: #7b8188; letter-spacing: .08em; }
.center-entry-card { max-width: 470px; padding: 36px; background: #fff; border: 1px solid #e5e6df; border-radius: 20px; box-shadow: 0 12px 36px #24395405; }
.center-entry-card h2 { color: #293f5b; margin: 12px 0; font-size: 25px; font-weight: 550; letter-spacing: -.03em; }
.center-muted { color: #79808a; font-size: 13px; line-height: 1.85; }
.center-entry-card form { margin-top: 26px; }
.center-label, .center-field label { display: block; color: #48525d; font-size: 12px; font-weight: 550; margin-bottom: 7px; }
.center-phone-field { display: flex; gap: 14px; align-items: center; background: #fcfcfa; border: 1px solid #dde0df; border-radius: 9px; padding-left: 15px; }
.center-phone-field span { font-size: 13px; color: #828991; padding-right: 13px; border-right: 1px solid #e0e3e5; }
.center-phone-field input { width: 100%; min-width: 0; border: 0; background: transparent; padding: 13px 12px 13px 0; outline-offset: 1px; }
.center-phone-field input::placeholder, .center-field input::placeholder { color: #a7abb0; }
.center-button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 11px 18px; border: 1px solid transparent; border-radius: 9px; text-decoration: none; font-size: 13px; font-weight: 550; transition: background .15s, border-color .15s; }
.center-primary { background: #2a4d7a; color: #fff !important; }
.center-primary:hover { background: #203d62; }
.center-outline { background: transparent; color: #4f6075; border-color: #dce0e2; }
.center-outline:hover { background: #eff2f4; border-color: #a6b4c4; }
#center-enter { width: 100%; margin-top: 16px; justify-content: space-between; }
.center-entry-note { padding-top: 22px; border-top: 1px solid #eef0ed; margin-top: 19px !important; color: #969ca4; font-size: 11px; line-height: 1.9; }
.center-status { font-size: 12px; line-height: 1.8; color: #436b50; }
.center-status:not(:empty) { margin: 12px 0; }
.center-status[data-kind="error"] { color: #a34949; }
.center-status[data-kind="loading"] { color: #6c7c90; }
.center-home { padding: 44px 0 60px; }
.center-home-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.center-home-heading h1 { font-size: 30px; line-height: 1.4; margin: 9px 0; font-weight: 550; color: #293f5b; letter-spacing: -.02em; }
.center-dashboard { display: grid; grid-template-columns: 292px minmax(0, 1fr); gap: 30px; align-items: start; }
.center-profile-panel { padding: 25px; background: #fff; border: 1px solid #e5e7e1; border-radius: 14px; }
.center-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 19px; }
.center-section-heading h2 { font-size: 19px; font-weight: 550; color: #293f5b; }
.center-section-heading .center-eyebrow { margin-bottom: 6px; }
.center-profile-panel .center-section-heading { margin-bottom: 10px; }
.center-profile-panel h2 { font-size: 17px; }
.center-text-button { padding: 0; border: 0; background: transparent; color: #42648c; font-size: 12px !important; text-underline-offset: 4px; }
.center-text-button:hover { text-decoration: underline; }
.center-profile-phone { display: flex; justify-content: space-between; margin: 22px 0; padding: 12px 0; border-top: 1px solid #eff0ec; border-bottom: 1px solid #eff0ec; font-size: 12px; color: #969ca4; }
.center-profile-phone strong { font-weight: 500; color: #5d6a78; letter-spacing: .03em; }
.center-field { margin-bottom: 15px; }
.center-field input, .center-field select { width: 100%; min-width: 0; padding: 10px 11px; border: 1px solid #dfe3e4; border-radius: 7px; background: #fcfcfa; color: #394754; font-size: 13px; min-height: 42px; }
.center-field label span { font-weight: 400; color: #a1a6ac; }
.center-field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.center-derived { display: flex; gap: 22px; padding: 11px 13px; margin-bottom: 19px; background: #f3f5f6; color: #929ba4; font-size: 11px; border-radius: 7px; }
.center-derived strong { font-size: 14px; color: #4a647e; margin-left: 8px; font-weight: 500; }
.center-profile-actions { display: grid; gap: 13px; }
.center-profile-note { padding-top: 20px; margin-top: 23px !important; border-top: 1px solid #eff0ec; font-size: 11px; color: #9a9fa4; line-height: 1.85; }
.center-profile-summary { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 14px; font-size: 12px; }
.center-profile-summary dt { color: #9299a0; }
.center-profile-summary dd { margin: 0; text-align: right; color: #435466; overflow-wrap: anywhere; }
.center-content { min-width: 0; }
.center-locked { text-align: center; display: grid; justify-items: center; align-content: center; min-height: 420px; padding: 45px; border: 1px dashed #d9ddd8; border-radius: 14px; background: #f6f7f2; }
.center-lock-number { font-family: Georgia, serif; font-size: 58px; line-height: 1; color: #bec7c8; margin-bottom: 22px; }
.center-locked h2 { color: #526474; font-size: 22px; font-weight: 500; margin-bottom: 12px; }
.center-locked p { font-size: 13px; line-height: 2; color: #939b9c; }
.center-assessment-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.center-assessment-card { display: flex; flex-direction: column; min-width: 0; padding: 23px 19px 20px; background: #fff; border: 1px solid #e3e6e2; border-radius: 12px; }
.center-card-kicker { font-family: Georgia, serif; font-size: 13px; color: #8da0b5; margin-bottom: 22px !important; letter-spacing: .12em; }
.center-assessment-card h3 { color: #2e4966; font-size: 20px; font-weight: 550; margin-bottom: 8px; }
.center-card-description { color: #959ca3; font-size: 12px; line-height: 1.85; min-height: 68px; }
.center-card-draft { color: #8f7754; font-size: 10px; padding: 7px 0 14px; min-height: 38px; margin-top: auto !important; }
.center-card-draft[data-draft="true"] { color: #7c6a46; }
.center-card-actions { display: grid; gap: 10px; }
.center-card-actions .center-button { padding: 9px 7px; font-size: 12px; }
.center-card-actions .center-text-button { min-height: 21px; }
.center-history { margin-top: 38px; }
.center-count { display: inline-block; font-size: 11px; font-weight: 500; color: #8290a0; vertical-align: 2px; margin-left: 8px; }
.center-filter-label { font-size: 0; }
.center-filter-label select { padding: 8px 28px 8px 10px; font-size: 12px; color: #768291; border: 1px solid #dfe3e4; border-radius: 7px; background: transparent; max-width: 145px; }
.center-history-list { border: 1px solid #e3e6e2; background: #fff; border-radius: 12px; overflow: hidden; }
.center-history-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 22px; padding: 20px; }
.center-history-row + .center-history-row { border-top: 1px solid #eef0ec; }
.center-history-row h3 { font-size: 13px; font-weight: 550; color: #40556e; }
.center-history-meta { color: #9a9fa6; font-size: 10px; margin-top: 5px !important; }
.center-history-score { color: #4b627c; font-size: 22px; font-weight: 450; min-width: 64px; text-align: right; }
.center-history-score span { color: #a2a9b0; font-size: 10px; margin-left: 4px; }
.center-history-score[data-empty="true"] { font-size: 12px; color: #969fa9; }
.center-history-link { text-decoration: none; font-size: 12px; color: #55718e !important; white-space: nowrap; }
.center-history-link:hover { text-decoration: underline; }
.center-empty { padding: 36px 22px; text-align: center; color: #a0a7ad; font-size: 12px; }
.center-empty strong { display: block; font-size: 14px; font-weight: 500; color: #6e8090; margin-bottom: 6px; }
.center-footer { display: flex; justify-content: space-between; gap: 14px; padding: 22px 0; border-top: 1px solid #e6e7e0; font-size: 10px; color: #a0a6aa; letter-spacing: .03em; }
@media (max-width: 1050px) { .center-shell { padding: 0 26px; } .center-entry { gap: 40px; } .center-dashboard { grid-template-columns: 264px minmax(0, 1fr); gap: 23px; } .center-profile-panel { padding: 21px; } .center-assessment-cards { gap: 10px; } .center-assessment-card { padding: 20px 13px 17px; } }
@media (max-width: 820px) { .center-dashboard { grid-template-columns: 1fr; } .center-profile-panel { padding: 23px; } .center-profile-summary { grid-template-columns: auto 1fr auto 1fr; gap: 13px 20px; } .center-profile-summary dd { text-align: left; } .center-profile-phone { margin: 15px 0; } .center-profile-note { margin-top: 17px !important; padding-top: 14px; } .center-locked { min-height: 250px; padding: 30px 20px; } .center-profile-actions { grid-template-columns: 1fr auto; align-items: center; } .center-entry { gap: 26px; } .center-entry-card { padding: 26px; } .center-entry-copy h1 { font-size: 37px; } .center-pillars { gap: 12px; font-size: 10px; } .center-assessment-card { padding: 22px 18px; } }
@media (max-width: 620px) { .center-shell { padding: 0 20px; } .center-topbar { padding: 21px 0; } .center-brand { font-size: 12px; gap: 8px; } .center-brand-mark { height: 28px; width: 28px; font-size: 20px; } .center-top-note { font-size: 10px; } .center-entry { grid-template-columns: 1fr; min-height: 0; gap: 34px; padding: 44px 0; } .center-entry-copy h1 { font-size: 36px; margin: 14px 0; } .center-lead { font-size: 14px; } .center-pillars { margin-top: 22px; gap: 24px; } .center-entry-card { width: 100%; max-width: none; padding: 28px 24px; border-radius: 15px; } .center-entry-card h2 { font-size: 23px; } .center-home { padding: 30px 0 40px; } .center-home-heading { gap: 14px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 25px; } .center-home-heading h1 { font-size: 26px; } .center-home-heading > button { padding: 7px 12px; font-size: 11px; } .center-eyebrow { font-size: 9px; } .center-profile-summary { grid-template-columns: auto 1fr; } .center-profile-summary dd { text-align: right; } .center-section-heading { margin-bottom: 15px; } .center-section-heading h2 { font-size: 18px; } .center-small-note { display: none; } .center-assessment-cards { grid-template-columns: 1fr; gap: 12px; } .center-assessment-card { display: grid; grid-template-columns: minmax(0, 1fr) 116px; gap: 0 18px; padding: 21px; } .center-card-kicker { margin-bottom: 8px !important; font-size: 11px; } .center-assessment-card h3 { font-size: 20px; } .center-card-description { min-height: 0; grid-column: 1; } .center-card-draft { grid-column: 1 / -1; grid-row: 4; min-height: 0; padding: 10px 0 0; font-size: 10px; } .center-card-actions { grid-column: 2; grid-row: 1 / 4; align-self: center; } .center-history { margin-top: 30px; } .center-history-row { gap: 14px; padding: 18px 15px; } .center-history-score { font-size: 20px; min-width: 45px; } .center-history-link { font-size: 11px; } .center-history-meta { max-width: 170px; font-size: 10px; } .center-footer { flex-direction: column; gap: 7px; font-size: 9px; padding: 20px 0; } }
@media (max-width: 380px) { .center-shell { padding: 0 14px; } .center-entry-card { padding: 24px 20px; } .center-profile-panel { padding: 20px; } .center-assessment-card { grid-template-columns: minmax(0, 1fr) 105px; gap: 0 13px; padding: 18px; } .center-history-row { gap: 10px; padding: 16px 12px; } }

#center-profile-host.profile-form { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#center-profile-host .profile-form-grid, #center-profile-host .profile-form-summary { grid-template-columns: 1fr; }
#center-profile-host input, #center-profile-host select { min-width: 0; max-width: 100%; }
#center-profile-host button { max-width: 100%; }
.center-profile-panel > .center-profile-phone { margin-top: 0; }
@media (min-width: 621px) and (max-width: 820px) { #center-profile-host .profile-form-grid, #center-profile-host .profile-form-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }