/* Frontend v2: better product hierarchy, using the established CDS palette. */
:root { --sidebar: 276px; }

.register-screen[hidden] { display: none; }
.register-screen { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: minmax(0,.82fr) minmax(600px,1.18fr); background: #08090b; }
.register-visual { padding-inline: clamp(30px,4vw,62px); }
.register-panel { overflow-y: auto; align-items: start; padding-block: 34px; }
.register-card { width: min(680px,100%); }
.register-card h2 { margin-top: 8px; }
.back-login { border: 0; background: transparent; color: #c8b775; padding: 0 0 20px; font-size: 11px; font-weight: 800; }
.register-form { display: grid; gap: 15px; }
.register-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.register-field { display: flex; flex-direction: column; gap: 6px; color: #c9baa0; font-size: 11px; font-weight: 750; }
.register-field .login-input-wrap { width: 100%; }
.referral-fieldset { border: 1px solid rgba(217,197,129,.2); border-radius: 16px; background: #0d0e0e; padding: 16px; }
.referral-field-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.referral-field-head > div { display: flex; flex-direction: column; }
.referral-field-head strong { color: #ede1c4; font-size: 12px; }
.referral-field-head small { color: #80776a; font-size: 9px; }
.referral-input { display: flex; border: 1px solid rgba(217,197,129,.22); border-radius: 11px; background: #090a0a; overflow: hidden; }
.referral-input:focus-within { border-color: #caa958; box-shadow: 0 0 0 3px rgba(217,189,114,.09); }
.referral-input input { flex: 1; min-width: 0; border: 0; background: transparent; box-shadow: none!important; color: #f4ecd9; }
.referral-input button { border: 0; border-left: 1px solid rgba(217,197,129,.16); background: transparent; color: #d9bd72; padding: 0 14px; font-size: 10px; font-weight: 800; }
.referral-assignment { display: flex; align-items: center; gap: 11px; margin-top: 11px; padding: 11px; border-radius: 12px; border: 1px solid rgba(217,197,129,.14); }
.assignment-icon { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; font-size: 10px; font-weight: 900; }
.referral-assignment > div { display: flex; flex-direction: column; }
.referral-assignment strong { font-size: 11px; }
.referral-assignment small { color: #8f8575; font-size: 9px; }
.referral-assignment.admin { background: rgba(217,189,114,.06); }
.referral-assignment.admin .assignment-icon { color: #1c1408; background: linear-gradient(145deg,#f3da94,#a7762d); }
.referral-assignment.sponsor { background: rgba(69,196,105,.06); border-color: rgba(69,196,105,.2); }
.referral-assignment.sponsor .assignment-icon { color: #dff3e4; background: #23833e; }
.referral-assignment.invalid { background: rgba(224,174,68,.07); border-color: rgba(224,174,68,.2); }
.referral-assignment.invalid .assignment-icon { color: #171108; background: #e0ae44; }
.register-terms { display: flex; align-items: flex-start; gap: 9px; color: #9b9180; font-size: 10px; }
.register-terms input { accent-color: #d4ae50; margin-top: 2px; }

.setup-screen[hidden] { display: none; }
.setup-screen { min-height: 100vh; min-height: 100dvh; color: #eee3cc; background: radial-gradient(circle at 78% 2%,rgba(208,170,78,.1),transparent 25%),#08090b; }
.setup-header { position: sticky; top: 0; z-index: 5; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px clamp(22px,4vw,64px); border-bottom: 1px solid rgba(217,197,129,.14); background: rgba(8,9,11,.9); backdrop-filter: blur(16px); }
.setup-header .login-brand { margin: 0; }
.setup-header-actions { display: flex; align-items: center; gap: 18px; }
.setup-header-actions > span { display: flex; align-items: center; gap: 7px; color: #b7aa90; font-size: 10px; font-weight: 750; }
.setup-header-actions > span i { width: 7px; height: 7px; border-radius: 50%; background: #d9a637; box-shadow: 0 0 0 5px rgba(217,166,55,.1); }
.setup-header-actions button { border: 1px solid rgba(217,197,129,.2); border-radius: 9px; padding: 9px 15px; color: #d6c79f; background: transparent; font-size: 10px; font-weight: 800; }
.setup-header-actions button:hover { border-color: rgba(217,197,129,.45); background: rgba(217,189,114,.05); }
.setup-layout { width: min(1360px,100%); display: grid; grid-template-columns: 300px minmax(0,1fr); gap: clamp(28px,4vw,64px); margin: 0 auto; padding: 52px clamp(22px,4vw,64px) 90px; }
.setup-steps { position: sticky; top: 126px; align-self: start; }
.setup-steps h2 { margin: 8px 0 10px; color: #f1dfb6; font: 29px/1.08 Georgia,"Times New Roman",serif; }
.setup-steps > p:not(.eyebrow) { margin: 0; color: #8d8476; font-size: 11px; line-height: 1.7; }
.setup-step-list { display: grid; gap: 4px; margin-top: 30px; }
.setup-step-list > div { position: relative; display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 12px; min-height: 70px; padding: 9px 12px; border: 1px solid transparent; border-radius: 13px; color: #6d675e; }
.setup-step-list > div:not(:last-child)::after { content: ""; position: absolute; left: 29px; bottom: -8px; width: 1px; height: 15px; background: #292721; }
.setup-step-list i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #8b8274; background: #1b1c1b; font-style: normal; font-size: 10px; font-weight: 900; }
.setup-step-list span { display: flex; flex-direction: column; gap: 3px; }
.setup-step-list strong { color: inherit; font-size: 11px; }
.setup-step-list small { color: #6f685e; font-size: 9px; }
.setup-step-list .current { color: #ead497; border-color: rgba(217,197,129,.16); background: rgba(217,189,114,.05); }
.setup-step-list .current i { color: #211708; background: linear-gradient(145deg,#f3da94,#a7762d); box-shadow: 0 0 0 5px rgba(217,189,114,.07); }
.setup-step-list .done { color: #8ed49e; }
.setup-step-list .done i { color: #dff7e4; background: #277b3e; }
.setup-lock-note { display: flex; gap: 11px; margin-top: 28px; padding: 15px; border: 1px solid rgba(217,197,129,.13); border-radius: 14px; background: #0d0e0e; }
.setup-lock-note > span { color: #d8b75b; font-size: 22px; }
.setup-lock-note p { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.setup-lock-note strong { color: #d8ccb0; font-size: 10px; }
.setup-lock-note small { color: #766f64; font-size: 8px; line-height: 1.55; }
.setup-content { min-width: 0; }
.setup-title-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-bottom: 24px; }
.setup-title-row h1 { margin: 7px 0 7px; color: #f3e1b7; font: clamp(28px,3.2vw,43px)/1.08 Georgia,"Times New Roman",serif; }
.setup-title-row p:not(.eyebrow) { margin: 0; color: #8b8275; font-size: 12px; }
.setup-progress { flex: 0 0 auto; width: 94px; height: 94px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(217,197,129,.22); border-radius: 50%; background: radial-gradient(circle,rgba(217,189,114,.09),transparent 65%); box-shadow: inset 0 0 0 7px #10110f; }
.setup-progress strong { color: #e7cc80; font: 22px Georgia,"Times New Roman",serif; }
.setup-progress span { color: #716a60; font-size: 8px; }
.setup-card { margin-bottom: 14px; padding: clamp(20px,3vw,30px); border: 1px solid rgba(217,197,129,.17); border-radius: 20px; background: linear-gradient(145deg,rgba(255,255,255,.025),transparent 44%),#10110f; box-shadow: 0 18px 55px rgba(0,0,0,.2); }
.setup-card-head { display: grid; grid-template-columns: 43px minmax(0,1fr) auto; align-items: center; gap: 14px; margin-bottom: 24px; }
.setup-card-head > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; color: #dfc779; background: rgba(217,189,114,.09); border: 1px solid rgba(217,197,129,.14); font: 13px Georgia,"Times New Roman",serif; }
.setup-card-head h3 { margin: 0 0 4px; color: #eee0c1; font-size: 16px; }
.setup-card-head p { margin: 0; color: #7f776b; font-size: 10px; }
.setup-card-head b { padding: 6px 9px; border-radius: 999px; color: #c19b49; background: rgba(217,166,55,.08); border: 1px solid rgba(217,166,55,.18); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.setup-card-head b.complete { color: #8ed49e; background: rgba(68,181,95,.08); border-color: rgba(68,181,95,.2); }
.setup-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.setup-form-grid label { display: flex; flex-direction: column; gap: 7px; color: #b9ad94; font-size: 9px; font-weight: 800; }
.setup-form-grid label.wide { grid-column: 1/-1; }
.setup-form-grid input,.setup-form-grid select { width: 100%; min-height: 45px; border: 1px solid rgba(217,197,129,.17); border-radius: 10px; outline: 0; padding: 0 13px; color: #eee2c8; background: #090a0a; font: inherit; font-size: 11px; }
.setup-form-grid select { appearance: auto; }
.setup-form-grid input::placeholder { color: #565149; }
.setup-form-grid input:focus,.setup-form-grid select:focus { border-color: #c8a750; box-shadow: 0 0 0 3px rgba(217,189,114,.08); }
.auth-methods { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.auth-methods article { min-width: 0; display: flex; flex-direction: column; min-height: 218px; padding: 18px; border: 1px solid rgba(217,197,129,.14); border-radius: 15px; background: #0a0b0b; transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.auth-methods article:hover { transform: translateY(-2px); border-color: rgba(217,197,129,.3); }
.auth-methods article.verified { border-color: rgba(75,190,102,.38); background: rgba(51,139,71,.07); }
.method-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 17px; border-radius: 12px; color: #e1c675; background: rgba(217,189,114,.09); font-size: 18px; }
.auth-methods h4 { margin: 0 0 6px; color: #e9dcc0; font-size: 12px; }
.auth-methods p { margin: 0 0 18px; color: #756e63; font-size: 9px; line-height: 1.55; }
.auth-methods button { width: 100%; min-height: 36px; margin-top: auto; border: 1px solid rgba(217,197,129,.22); border-radius: 9px; color: #d9c27f; background: rgba(217,189,114,.04); font-size: 9px; font-weight: 850; }
.auth-methods article.verified button { color: #a5deb2; border-color: rgba(75,190,102,.3); background: rgba(51,139,71,.1); }
.setup-demo-warning { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid rgba(217,197,129,.09); color: #756d60; font-size: 8px; }
.setup-unlock { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 22px; border: 1px solid rgba(217,197,129,.2); border-radius: 17px; background: linear-gradient(90deg,rgba(217,189,114,.08),rgba(217,189,114,.025)); }
.setup-unlock > div { display: flex; align-items: center; gap: 13px; }
.unlock-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; color: #dfc474; background: #15150f; border: 1px solid rgba(217,197,129,.14); font-size: 21px; }
.setup-unlock > div > div { display: flex; flex-direction: column; gap: 4px; }
.setup-unlock strong { color: #e8dab9; font-size: 11px; }
.setup-unlock small { color: #847b6d; font-size: 9px; }
.setup-unlock .button:disabled { cursor: not-allowed; filter: grayscale(.5); opacity: .42; }

.page { max-width: 1580px; padding: 34px clamp(22px, 3vw, 48px) 100px; }
.topbar { height: 78px; padding-inline: clamp(22px, 3vw, 48px); }
.topbar-title h1 { font-size: 22px; }
.topbar-cta { min-height: 40px; border-radius: 11px; padding: 8px 14px; border: 1px solid rgba(217,197,129,.32); color: #ead394; background: rgba(217,189,114,.08); font-weight: 800; }
.topbar-cta span { margin-right: 5px; }
.main-nav::before { content: "NAVEGAÇÃO"; color: #6f675a; font-size: 9px; font-weight: 850; letter-spacing: .16em; padding: 0 14px 8px; }
.nav-item { min-height: 48px; }

.hero-row { align-items: center; min-height: 150px; padding: 26px 28px; margin-bottom: 14px; border: 1px solid rgba(217,197,129,.16); border-radius: 24px; background: linear-gradient(120deg,rgba(217,189,114,.06),transparent 50%),#0d0e0e; }
.hero-row::after { right: 260px; top: -80px; opacity: .72; }
.hero-copy { position: relative; z-index: 1; }
.hero-row h2 { font-size: clamp(27px,2.6vw,40px); max-width: 720px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.status-card { z-index: 1; min-width: 300px; background: rgba(17,18,16,.86); }
.renewal-alert { margin-bottom: 14px; }

.journey-center { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr); gap: 14px; margin-bottom: 14px; }
.next-step-card,.journey-map { min-width: 0; border: 1px solid rgba(217,197,129,.2); border-radius: 20px; background: linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),#11110f; box-shadow: var(--shadow); }
.next-step-card { display: grid; grid-template-columns: 1fr 155px; gap: 22px; padding: 24px; overflow: hidden; position: relative; }
.next-step-card::after { content: ""; position: absolute; width: 210px; height: 210px; border: 1px solid rgba(217,189,114,.12); border-radius: 50%; right: -104px; bottom: -105px; }
.journey-label { color: #d9bd72; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.next-step-copy { position: relative; z-index: 1; }
.next-step-copy h3,.journey-map h3 { color: #f0dfb4; font-family: Georgia,"Times New Roman",serif; font-size: 22px; margin: 8px 0 6px; }
.next-step-copy p { color: var(--muted); margin: 0 0 16px; font-size: 12px; }
.next-progress { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.next-progress > span { flex: 1; height: 7px; border-radius: 999px; background: #24231f; overflow: hidden; }
.next-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#8c6427,#f0d88f); }
.next-progress b { color: #b9ad96; font-size: 10px; white-space: nowrap; }
.next-step-number { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid rgba(217,197,129,.16); }
.next-step-number small { color: #8f8574; font-size: 10px; }
.next-step-number strong { color: #efd892; font-family: Georgia,"Times New Roman",serif; font-size: 25px; margin: 4px 0 12px; }
.next-step-number span { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; color: #f6e4ae; border: 7px solid rgba(217,189,114,.18); border-top-color: #e0bd66; font-size: 13px; font-weight: 850; }
.journey-map { padding: 24px; }
.journey-map-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.journey-steps { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; margin-top: 24px; overflow-x: auto; padding-bottom: 4px; }
.journey-steps > div { min-width: 90px; display: flex; flex-direction: column; align-items: center; text-align: center; color: #746d61; }
.journey-steps > div i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #26241f; color: #8e8576; font-style: normal; font-weight: 850; margin-bottom: 8px; }
.journey-steps > div span { display: flex; flex-direction: column; }
.journey-steps strong { color: inherit; font-size: 11px; }
.journey-steps small { color: #716a5f; font-size: 8px; white-space: nowrap; }
.journey-steps > b { min-width: 26px; height: 1px; background: #302d27; margin-bottom: 31px; }
.journey-steps .done,.journey-steps .current { color: #e4cd89; }
.journey-steps .done i { color: #1b1408; background: linear-gradient(145deg,#f3da94,#a7762d); }
.journey-steps .current i { color: #1b1408; background: #e0bd66; box-shadow: 0 0 0 6px rgba(217,189,114,.09); }

.dashboard-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 14px; }
.dashboard-metrics .metric-card { min-height: 210px; display: flex; flex-direction: column; }
.dashboard-metrics .metric-head > span:first-child { display: flex; align-items: center; gap: 8px; }
.metric-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #e2c779; background: rgba(217,189,114,.09); border: 1px solid rgba(217,189,114,.14); font-style: normal; }
.dashboard-metrics .metric-actions,.dashboard-metrics .text-button,.dashboard-metrics .mini-bars { margin-top: auto; }
.dashboard-metrics .metric-card:hover,.dashboard-insights .panel:hover { transform: translateY(-2px); border-color: rgba(217,197,129,.34); }
.metric-card,.panel { transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.direct-card > strong { font-size: 28px; }
.mini-bars { height: 43px; display: flex; gap: 5px; align-items: end; }
.mini-bars i { flex: 1; max-width: 22px; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg,#f0d88f,#8c6427); opacity: .82; }

.dashboard-insights { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(300px,.55fr); gap: 14px; margin-bottom: 14px; }
.performance-panel { min-width: 0; padding-bottom: 15px; }
.performance-head { align-items: center; }
.chart-range { display: flex; gap: 4px; padding: 4px; border-radius: 10px; background: #0b0c0d; border: 1px solid rgba(217,197,129,.14); }
.chart-range button { border: 0; border-radius: 7px; background: transparent; color: #887f70; padding: 6px 9px; font-size: 9px; font-weight: 800; }
.chart-range button.active { color: #1d1508; background: #d9bd72; }
.performance-summary { display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; margin: 18px 0 4px; }
.performance-summary > div:first-child { display: flex; flex-direction: column; }
.performance-summary strong { color: #f1d584; font-family: Georgia,"Times New Roman",serif; font-size: 32px; }
.performance-summary span { color: #8f8575; font-size: 9px; }
.performance-summary b { color: #75d489; }
.earning-legend { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.earning-legend span { display: flex; align-items: center; gap: 5px; }
.earning-legend i { width: 8px; height: 8px; border-radius: 50%; background: #e0bd66; }
.earning-legend i.cashback { background: #75d489; }
.earning-legend i.career { background: #ae8ac9; }
.chart-wrap { height: 190px; position: relative; margin-top: 4px; }
.chart-wrap svg { width: 100%; height: 165px; overflow: visible; }
.chart-grid { fill: none; stroke: rgba(217,197,129,.1); stroke-width: 1; }
.chart-area { fill: url(#goldArea); }
.chart-line { fill: none; stroke: #e0bd66; stroke-width: 3; vector-effect: non-scaling-stroke; }
.chart-dots circle { fill: #0e0f0f; stroke: #f0d88f; stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-labels { display: flex; justify-content: space-between; color: #726a5e; font-size: 8px; margin-top: -3px; }
.quick-actions-panel { display: flex; flex-direction: column; }
.quick-dot { color: #75d489; font-size: 9px; }
.quick-actions { display: grid; gap: 8px; margin: 17px 0; }
.quick-actions button { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; min-height: 58px; border: 1px solid rgba(217,197,129,.14); border-radius: 12px; color: #f0e3c4; background: #0b0c0d; text-align: left; padding: 8px 12px; }
.quick-actions button:hover { border-color: rgba(217,197,129,.32); background: #12120f; }
.quick-actions button > i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #e0bd66; background: rgba(217,189,114,.09); font-style: normal; }
.quick-actions button > span { display: flex; flex-direction: column; }
.quick-actions button strong { font-size: 11px; }
.quick-actions button small { color: #776f63; font-size: 8px; }
.quick-actions button > b { color: #9f947f; }
.direct-rule { margin-top: auto; display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 13px; color: #d9cfb8; background: rgba(217,189,114,.07); border: 1px dashed rgba(217,197,129,.22); }
.direct-rule > span { color: #1d1508; background: linear-gradient(145deg,#f3da94,#a7762d); border-radius: 10px; padding: 8px; font-weight: 900; }
.direct-rule div { display: flex; flex-direction: column; }
.direct-rule strong { font-size: 11px; }
.direct-rule small { color: #8f8575; font-size: 8px; }

.content-grid { gap: 14px; margin-bottom: 14px; }
.panel,.metric-card,.small-metric { border-radius: 18px; }
.table-wrap tbody tr { transition: background .18s ease; }
.table-wrap tbody tr:hover { background: rgba(217,189,114,.045); }

@media (max-width: 1240px) {
  .dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-insights { grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); }
  .journey-center { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .register-screen { grid-template-columns: 1fr; }
  .register-screen .login-visual { display: none; }
  .register-panel { min-height: 100dvh; padding: 28px 20px; }
  .setup-layout { grid-template-columns: 1fr; padding-top: 34px; }
  .setup-steps { position: static; }
  .setup-step-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .setup-step-list > div { min-height: 64px; }
  .setup-step-list > div:not(:last-child)::after,.setup-lock-note { display: none; }
  .topbar-cta { display: none; }
  .hero-row { padding: 22px 20px; }
  .status-card { min-width: 0; }
  .dashboard-insights { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .register-grid { grid-template-columns: 1fr; }
  .referral-field-head { flex-direction: column; }
  .setup-header { align-items: flex-start; }
  .setup-header-actions > span { display: none; }
  .setup-layout { padding: 26px 14px 60px; }
  .setup-step-list { grid-template-columns: 1fr; gap: 2px; margin-top: 20px; }
  .setup-step-list > div { min-height: 55px; }
  .setup-title-row { align-items: center; gap: 15px; }
  .setup-title-row h1 { font-size: 27px; }
  .setup-title-row p:not(.eyebrow) { font-size: 10px; }
  .setup-progress { width: 72px; height: 72px; }
  .setup-progress strong { font-size: 18px; }
  .setup-card { padding: 18px 15px; border-radius: 16px; }
  .setup-card-head { grid-template-columns: 37px 1fr; gap: 10px; }
  .setup-card-head > span { width: 37px; height: 37px; }
  .setup-card-head b { grid-column: 2; justify-self: start; }
  .setup-form-grid,.auth-methods { grid-template-columns: 1fr; }
  .auth-methods article { min-height: 180px; }
  .setup-unlock { align-items: stretch; flex-direction: column; }
  .setup-unlock .button { width: 100%; }
  .page { padding-inline: 14px; }
  .hero-row { border-radius: 18px; }
  .hero-actions .button { flex: 1; }
  .next-step-card { grid-template-columns: 1fr; }
  .next-step-number { border-left: 0; border-top: 1px solid rgba(217,197,129,.14); padding-top: 17px; flex-direction: row; justify-content: space-between; }
  .next-step-number strong { margin: 0; }
  .next-step-number span { width: 52px; height: 52px; border-width: 5px; }
  .journey-map-head { flex-direction: column; }
  .dashboard-metrics { grid-template-columns: 1fr; }
  .dashboard-metrics .metric-card { min-height: 190px; }
  .performance-summary { align-items: flex-start; flex-direction: column; }
  .earning-legend { justify-content: flex-start; }
}