[data-member-panel="subsite"] { color:#303744; letter-spacing:0; }
[data-member-panel="subsite"] *, [data-member-panel="subsite"] *::before, [data-member-panel="subsite"] *::after { box-sizing:border-box; letter-spacing:0; }
[data-member-panel="subsite"] [hidden] { display:none !important; }
.mc-account [data-member-panel="subsite"] .panel-heading, [data-member-panel="subsite"] .panel-heading { display:flex; align-items:center; gap:20px; margin:0 0 30px; padding:0 0 20px; border-bottom:1px solid #edf0f5; }
[data-member-panel="subsite"] .panel-heading p { display:none; }
.mc-account [data-member-panel="subsite"] .panel-heading h2, [data-member-panel="subsite"] .panel-heading h2 { padding-left:12px; border-left:3px solid #3478f6; font-size:18px; line-height:22px; color:#26364d; }
[data-member-panel="subsite"] #reloadSubsite { display:inline-flex; align-items:center; gap:6px; margin-left:auto; min-height:32px; color:#64748b; font-size:13px; }
[data-member-panel="subsite"] #reloadSubsite svg { width:15px; height:15px; }
[data-member-panel="subsite"] .mc-text-link { white-space:nowrap; }
.subsite-apply-form { width:100%; max-width:1080px; margin:0 auto; padding:0 0 30px; gap:40px; border:0; color:#303744; }
.subsite-apply-form .subsite-package-picker { min-width:0; margin:0; padding:0; border:0; }
.subsite-apply-form .subsite-section-title { margin-bottom:16px; padding:0; font-size:13px; color:#8490a3; }
.subsite-package-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.subsite-apply-form .subsite-package-option { position:relative; display:flex; justify-content:center; align-items:center; min-width:0; min-height:166px; margin:0; padding:24px 16px; border:1px solid #e0e5ee; border-radius:4px; background:#fff; cursor:pointer; overflow:hidden; transition:border-color .18s,box-shadow .18s,background .18s; }
.subsite-apply-form .subsite-package-option:hover { border-color:#8cafff; box-shadow:0 4px 16px #2947790c; }
.subsite-apply-form .subsite-package-option:has(:checked) { border-color:#2864ed; background:linear-gradient(125deg,#2863ed,#3986fa); box-shadow:0 5px 16px #2f75ee26; }
.subsite-apply-form .subsite-package-option input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.subsite-apply-form .subsite-package-option:has(:focus-visible) { outline:2px solid #215ada; outline-offset:3px; }
.subsite-package-body { display:flex; flex-direction:column; align-items:center; gap:7px; width:100%; min-width:0; pointer-events:none; text-align:center; overflow-wrap:anywhere; }
.subsite-package-body strong { font-size:18px; line-height:1.5; font-weight:600; color:#2f3b51; }
.subsite-package-body b { font-size:22px; line-height:1.4; font-weight:600; color:#2c67da; font-variant-numeric:tabular-nums; }
.subsite-package-body small { font-size:12px; color:#8490a3; }
.subsite-package-quota { width:100%; margin-top:6px; padding-top:12px; border-top:1px dashed #e3e8f1; font-size:12px; color:#64748b; }
.subsite-package-option:has(:checked) .subsite-package-body > * { color:#fff; }
.subsite-package-option:has(:checked) .subsite-package-quota { border-color:#ffffff59; }
.subsite-package-check { position:absolute; bottom:0; right:0; display:grid; place-items:end; width:32px; height:32px; padding:0 3px 3px 0; clip-path:polygon(100% 0,100% 100%,0 100%); background:#1d55d8; color:#fff; opacity:0; pointer-events:none; }
.subsite-package-check svg { width:18px; height:18px; stroke-width:3; }
.subsite-package-option:has(:checked) .subsite-package-check { opacity:1; }
.subsite-no-plans { grid-column:1/-1; display:grid; justify-items:center; gap:10px; padding:30px; background:#f7f9fc; color:#788598; font-size:13px; }
.subsite-no-plans svg { width:30px; height:30px; color:#9cabc1; }
.subsite-no-plans strong { color:#526177; font-size:15px; }
.subsite-apply-fields { display:grid; gap:22px; width:100%; max-width:810px; margin:0 auto; }
.subsite-form-row { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:start; gap:16px; }
.subsite-form-row > *, .subsite-domain-field { min-width:0; }
.subsite-apply-form .subsite-form-row > label, .subsite-field-label { display:flex; justify-content:flex-end; align-items:center; gap:4px; min-height:42px; font-size:14px; line-height:1.5; color:#526077; }
.subsite-required { color:#ef6876; }
.subsite-apply-form input:not([type=radio]), .subsite-apply-form select { min-width:0; width:100%; height:42px; padding:0 13px; border:1px solid #dce2ec; border-radius:4px; background:#fff; font:inherit; font-size:14px; color:#34445b; }
.subsite-apply-form input::placeholder { color:#aab3c3; }
.subsite-apply-form :focus-visible { outline:2px solid #3478f6; outline-offset:3px; }
.subsite-apply-form input:not([type=radio]):focus, .subsite-apply-form select:focus { border-color:#74a2fb; box-shadow:0 0 0 3px #3478f610; }
.subsite-apply-form [aria-invalid=true]:not(:disabled) { border-color:#d95466; }
.subsite-domain-inputs { display:grid; grid-template-columns:minmax(0,1fr) 8px minmax(150px,.42fr); gap:8px; align-items:center; }
.subsite-domain-dot { text-align:center; color:#9aa5b7; }
.subsite-domain-preview { display:flex; gap:6px; align-items:center; margin:10px 0 0; font-size:12px; line-height:1.6; color:#8592a5; }
.subsite-domain-preview svg { flex:none; width:14px; height:14px; }
.subsite-domain-preview output { overflow-wrap:anywhere; }
.subsite-apply-form .subsite-domain-message { margin:10px 0; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.subsite-apply-form .subsite-domain-message.is-error { color:#bc354b; }
.subsite-apply-form .subsite-domain-retry { min-height:32px; color:#286be5; font-size:13px; }
.subsite-optional { margin-left:126px; }
.subsite-optional summary { display:flex; align-items:center; gap:8px; width:fit-content; cursor:pointer; list-style:none; font-size:13px; color:#65758c; }
.subsite-optional summary::-webkit-details-marker { display:none; }
.subsite-optional summary span { color:#a0a9b8; font-size:12px; }
.subsite-optional summary svg { width:14px; height:14px; transition:transform .15s; }
.subsite-optional[open] summary svg { transform:rotate(180deg); }
.subsite-optional .subsite-form-row { margin:18px 0 0 -126px; }
.subsite-optional .form-note { margin-top:7px; font-size:12px; color:#94a0b2; }
.subsite-selection { display:grid; gap:8px; padding:5px 0; }
.subsite-selection > div { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:baseline; }
.subsite-selection strong { color:#ef7846; font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; }
.subsite-selection span { color:#74829a; font-size:13px; overflow-wrap:anywhere; }
.subsite-selection p { margin:0; max-height:180px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.7; color:#7d889a; }
.subsite-apply-form .primary-action { display:flex; align-items:center; justify-content:center; gap:12px; width:min(100%,390px); min-height:48px; margin:0; padding:10px 20px; border:0; border-radius:4px; background:#2675f5; color:#fff; font:inherit; font-size:16px; cursor:pointer; box-shadow:0 4px 10px #2675f51a; transition:background .18s,box-shadow .18s; }
.subsite-apply-form .primary-action:hover:not(:disabled) { background:#1665e7; box-shadow:0 5px 14px #2675f52b; }
.subsite-apply-form .primary-action svg { width:18px; height:18px; }
.subsite-apply-form button:disabled, .subsite-apply-form select:disabled { opacity:.5; cursor:not-allowed; }
.subsite-payment-note { display:flex; align-items:center; gap:6px; margin:12px 0 0; color:#8c98aa; font-size:12px; line-height:1.6; }
.subsite-payment-note svg { flex:none; width:14px; height:14px; color:#57a58a; }
.subsite-review-alert { display:flex; gap:12px; align-items:flex-start; margin:0 auto 24px; padding:16px 20px; max-width:1080px; border-left:3px solid #e5ad4a; background:#fff9ec; color:#9d701f; font-size:14px; }
.subsite-review-alert svg { width:20px; height:20px; flex:none; }
.subsite-review-alert p { margin:5px 0 0; line-height:1.6; }
[data-member-panel="subsite"] .subsite-overview { border:0; border-bottom:1px solid #edf0f5; background:#f8faff; }
[data-member-panel="subsite"] .subsite-overview > div { padding:20px; border-color:#edf0f5; }
[data-member-panel="subsite"] .subsite-overview span { font-size:12px; }
[data-member-panel="subsite"] .subsite-overview strong { font-size:15px; }
[data-member-panel="subsite"] .subsite-purchase { padding:24px 0; border:0; border-bottom:1px solid #edf0f5; background:transparent; }
[data-member-panel="subsite"] .subsite-purchase > header h3 { font-size:17px; }
[data-member-panel="subsite"] .subsite-purchase > header p { color:#3478f6; font-size:12px; }
[data-member-panel="subsite"] .subsite-purchase > header span { font-size:13px; }
[data-member-panel="subsite"] .subsite-purchase-card { border-radius:4px; border-color:#e0e6f0; }
[data-member-panel="subsite"] .subsite-detail-grid { gap:24px; }
[data-member-panel="subsite"] .subsite-card { padding:20px 0; border:0; }
[data-member-panel="subsite"] .subsite-card h3 { font-size:17px; }
[data-member-panel="subsite"] .subsite-card dt, [data-member-panel="subsite"] .subsite-card dd, [data-member-panel="subsite"] .subsite-settings label { font-size:13px; }
[data-member-panel="subsite"] .subsite-settings input, [data-member-panel="subsite"] .subsite-settings select { height:42px; font-size:14px; border-color:#dce2ec; border-radius:4px; }
@media(max-width:1050px) { .subsite-package-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .mc-account [data-member-panel="subsite"] .panel-heading, [data-member-panel="subsite"] .panel-heading { gap:12px; margin-bottom:24px; }
  .mc-account [data-member-panel="subsite"] .panel-heading h2, [data-member-panel="subsite"] .panel-heading h2 { font-size:16px; }
  [data-member-panel="subsite"] #reloadSubsite span { display:none; }
  .subsite-apply-form { gap:28px; padding-bottom:10px; }
  .subsite-package-grid { gap:10px; }
  .subsite-apply-form .subsite-package-option { min-height:156px; padding:20px 10px; }
  .subsite-package-body strong { font-size:16px; }
  .subsite-package-body b { font-size:20px; }
  .subsite-package-quota { font-size:11px; }
  .subsite-apply-fields { gap:20px; }
  .subsite-form-row { grid-template-columns:minmax(0,1fr); gap:8px; }
  .subsite-apply-form .subsite-form-row > label, .subsite-field-label { justify-content:flex-start; min-height:0; }
  .subsite-domain-inputs { grid-template-columns:minmax(0,1fr) 6px minmax(110px,.85fr); gap:4px; }
  .subsite-apply-form input:not([type=radio]), .subsite-apply-form select { font-size:16px; padding:0 10px; }
  .subsite-optional { margin-left:0; }
  .subsite-optional .subsite-form-row { margin:18px 0 0; }
  .subsite-submit-row > span { display:none; }
  .subsite-apply-form .primary-action { width:100%; }
  .subsite-payment-note { align-items:flex-start; }
  .subsite-payment-note svg { margin-top:2px; }
  [data-member-panel="subsite"] .subsite-overview > div { padding:14px 12px; }
}
@media(prefers-reduced-motion:reduce) { .subsite-apply-form * { transition:none !important; } }