.auth-page {
    background:
        radial-gradient(circle at 18% 12%, rgba(9, 132, 91, 0.22), transparent 34%),
        radial-gradient(circle at 82% 88%, rgba(214, 175, 88, 0.1), transparent 30%),
        #101318;
}

.auth-card-wide{width:min(760px,100%)}.auth-secondary-link{display:block;margin-top:1rem;text-align:center;color:var(--gold);font-weight:750;text-decoration:none}.auth-secondary-link:hover{color:#f5d98e}.verification-row{display:flex;gap:.55rem;align-items:end;flex-wrap:wrap}.verification-row .auth-field{flex:1 1 180px}
.registration-page .auth-shell{padding-block:clamp(.75rem,3vh,1.5rem)}.registration-card{width:min(100%,520px);min-height:600px;display:flex;flex-direction:column;padding:clamp(1.15rem,4vw,2rem)}.registration-brand{margin-bottom:1.25rem}.registration-brand .auth-mark{min-width:78px;text-align:center}.registration-progress{margin:0 0 1.35rem;color:var(--gold);font-size:.72rem;font-weight:800}.registration-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.registration-progress-meta>span{overflow:hidden;color:#cbd8d2;text-overflow:ellipsis;white-space:nowrap}.registration-progress-meta>b{flex:0 0 auto;font-variant-numeric:tabular-nums}.registration-progress-track{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.registration-progress-track i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-hover));transition:width .2s ease}.registration-card form{display:flex;flex:1;flex-direction:column}.registration-step{flex:1;min-height:250px;margin:0;padding:1.1rem;border:1px solid rgba(49,210,151,.22);border-radius:18px;background:rgba(4,24,20,.36)}.registration-step[hidden]{display:none}.registration-step legend{float:none;width:auto;margin:0 auto 1.25rem;padding:0 .65rem;color:var(--gold);font-size:.84rem;font-weight:850;letter-spacing:.04em;text-align:center}.registration-field-stack{display:grid;gap:.15rem}.registration-step>.auth-field:last-child,.registration-field-stack>.auth-field:last-child{margin-bottom:0}.registration-actions{display:grid;grid-template-columns:auto auto minmax(130px,1fr);gap:.65rem;margin-top:1rem}.registration-actions .btn{min-height:50px;margin:0;border-radius:14px;font-size:.75rem;font-weight:800}.registration-primary{grid-column:3;background:var(--gold)!important;color:#17130a!important}.registration-back{grid-column:1;border:1px solid rgba(255,255,255,.2);color:#dbe5e0}.registration-back:hover{border-color:var(--gold);color:var(--gold)}.registration-skip{grid-column:2;border:1px solid rgba(214,175,88,.35);color:var(--gold)}.registration-skip:hover{background:rgba(214,175,88,.1);color:#f2d889}.registration-actions [hidden]{display:none!important}.registration-page .international-phone-input{grid-template-columns:minmax(0,1fr)}.registration-page .country-code-select,.registration-page .phone-auth-field .form-control{width:100%;min-width:0}.registration-page .auth-alert{margin-top:0;margin-bottom:1rem}@media(max-width:575.98px){.registration-card{min-height:calc(100dvh - 1.5rem);border-radius:22px}.registration-step{min-height:270px;padding:.9rem}.registration-actions{grid-template-columns:1fr 1fr}.registration-primary{grid-column:1/-1;grid-row:1}.registration-back{grid-column:1;grid-row:2}.registration-skip{grid-column:2;grid-row:2}.registration-progress-meta{font-size:.68rem}}
.auth-page::before { position: fixed; inset: 0; pointer-events: none; background: linear-gradient(115deg, rgba(255, 255, 255, 0.018), transparent 42%); content: ""; }
.auth-shell { display: grid; min-height: 100vh; padding: 1.25rem; place-items: center; }
.auth-card { width: min(100%, 440px); padding: clamp(1.25rem, 4vw, 2rem); border: 2px solid rgba(49, 210, 151, 0.38); border-radius: 28px; background: linear-gradient(145deg, rgba(7, 72, 57, 0.46), rgba(7, 18, 17, 0.76)); box-shadow: 0 32px 90px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.09); backdrop-filter: blur(28px) saturate(120%); }
.auth-brand { display: flex; align-items: center; flex-direction: column; gap: 0.55rem; text-align: center; }
.auth-mark { padding: 0.65rem 0.9rem; border: 1px solid var(--gold-hover); border-radius: 14px; background: linear-gradient(135deg, var(--gold-hover), var(--gold)); color: #141008; font-size: 1.25rem; font-weight: 850; letter-spacing: 0.13em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.34); }
.auth-brand p { margin: 0; color: var(--gold); font-size: 0.64rem; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; }
.auth-brand + form, .auth-brand + .auth-alert { margin-top: 1.8rem; }
.auth-heading { margin: 1.8rem 0 1.25rem; text-align: center; }
.auth-heading > span { color: var(--gold); font-size: 0.63rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; }
.auth-heading h1 { margin: 0.3rem 0 0.35rem; font-size: clamp(1.55rem, 5vw, 2rem); letter-spacing: -0.035em; }
.auth-heading p { margin: 0 auto; max-width: 340px; color: #93a09a; font-size: 0.78rem; line-height: 1.55; }
.auth-alert { display: flex; align-items: flex-start; gap: 0.65rem; margin-bottom: 1rem; padding: 0.8rem 0.9rem; border: 1px solid rgba(255, 107, 107, 0.55); border-radius: 14px; background: rgba(112, 14, 38, 0.34); color: #ffb2b6; font-size: 0.75rem; line-height: 1.45; }
.auth-field { margin-bottom: 0.95rem; }
.auth-field label { display: block; margin: 0 0 0.35rem 0.15rem; color: #d9e2de; font-size: 0.72rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; }
.auth-field > div { position: relative; }
.auth-field > div > i { position: absolute; top: 50%; left: 1rem; z-index: 3; color: var(--gold); transform: translateY(-50%); }
.auth-field .form-control { min-height: 52px; padding-left: 2.8rem; border-color: rgba(49, 210, 151, 0.26); border-radius: 14px; background: rgba(8, 18, 18, 0.78); }
.auth-field .form-control:focus { border-color: var(--gold); box-shadow: 0 0 0 0.2rem rgba(214, 175, 88, 0.12); }
.international-phone-input { display: grid; grid-template-columns: minmax(190px, .95fr) minmax(150px, 1fr); gap: .55rem; }
.phone-auth-field .international-phone-input .form-control { padding-left: 1rem; }
.country-code-select { min-height: 52px; border-color: rgba(49, 210, 151, 0.26); border-radius: 14px; background-color: rgba(8, 18, 18, 0.78); color: #eef5f1; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif; }
.auth-field small { display: block; margin: 0.35rem 0.15rem 0; color: #78857f; font-size: 0.65rem; }
.auth-submit { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; gap: 0.75rem; margin-top: 1.25rem; border: 1px solid var(--gold); border-radius: 15px; background: var(--gold); color: #17130a; font-size: 0.8rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; }
.auth-submit:hover, .auth-submit:focus { border-color: var(--gold-hover); background: var(--gold-hover); color: #17130a; }
.remember-me { display: inline-flex; align-items: center; gap: 0.55rem; margin: 0.15rem 0 0 0.15rem; color: #a6b2ac; font-size: 0.72rem; cursor: pointer; }
.remember-me .form-check-input { width: 1.05rem; height: 1.05rem; margin: 0; border-color: rgba(214, 175, 88, 0.48); background-color: rgba(8, 18, 18, 0.78); }
.remember-me .form-check-input:checked { border-color: var(--gold); background-color: var(--gold); }
.auth-card footer { display: flex; justify-content: space-between; margin-top: 1.4rem; padding-top: 0.9rem; border-top: 1px solid rgba(255, 255, 255, 0.08); color: #68756f; font-size: 0.61rem; letter-spacing: 0.06em; text-transform: uppercase; }
@media (max-width: 419.98px) { .auth-shell { padding: 0.75rem; } .auth-card { border-radius: 22px; } }

.profile-page { min-height: 100vh; background: radial-gradient(circle at 15% 0%, rgba(5, 95, 67, 0.22), transparent 34%), #111318; }
.profile-page main { display: block; align-items: initial; }
.profile-shell { width: min(100%, 1080px); margin: 0 auto; padding: clamp(1.5rem, 4vw, 3rem) 1rem; }
.profile-heading { margin-bottom: 1.35rem; }
.profile-heading > span, .profile-card header span { color: var(--gold); font-size: 0.65rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.profile-heading h1 { margin: 0.2rem 0; font-size: clamp(1.8rem, 4vw, 2.5rem); letter-spacing: -0.04em; }
.profile-heading p { margin: 0; color: #8f9c96; font-size: 0.82rem; }
.profile-alert { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 1rem; padding: 0.85rem 1rem; border: 1px solid; border-radius: 14px; font-size: 0.76rem; }
.profile-alert.success { border-color: rgba(49, 210, 151, 0.5); background: rgba(4, 90, 64, 0.3); color: #7ce5bc; }
.profile-alert.danger { border-color: rgba(255, 107, 107, 0.5); background: rgba(112, 14, 38, 0.3); color: #ffb2b6; }
.profile-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 1rem; }
.profile-card { padding: clamp(1rem, 3vw, 1.4rem); border: 2px solid rgba(49, 210, 151, 0.38); border-radius: 24px; background: linear-gradient(145deg, rgba(7, 81, 63, 0.42), rgba(4, 40, 34, 0.32)); box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); backdrop-filter: blur(24px); }
.profile-card > header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.2rem; }
.profile-card > header > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: rgba(214, 175, 88, 0.12); color: var(--gold); font-size: 1.1rem; }
.profile-card header h2 { margin: 0.15rem 0 0; font-size: 1.05rem; }
.identity-card dl { display: grid; gap: 0.65rem; margin: 0; }
.identity-card dl > div { display: grid; padding: 0.8rem; grid-template-columns: 110px 1fr; gap: 0.8rem; border: 1px solid rgba(49, 210, 151, 0.16); border-radius: 13px; background: rgba(5, 18, 16, 0.42); }
.identity-card dt { color: #829089; font-size: 0.66rem; letter-spacing: 0.05em; text-transform: uppercase; }
.identity-card dd { margin: 0; overflow-wrap: anywhere; font-size: 0.82rem; font-weight: 750; }
.identity-card dd small { display: block; margin-top: 0.2rem; color: #6f7c76; font-size: 0.62rem; font-weight: 600; }
.password-card .auth-field .form-control { background: rgba(5, 18, 16, 0.56); }
@media(max-width:620px){.international-phone-input{grid-template-columns:1fr}}
@media (max-width: 767.98px) { .profile-grid { grid-template-columns: 1fr; } }
@media (max-width: 419.98px) { .identity-card dl > div { grid-template-columns: 1fr; gap: 0.2rem; } }

.onboarding-page { min-height: 100vh; background: radial-gradient(circle at 15% 0%, rgba(5, 95, 67, 0.22), transparent 34%), #111318; }
.onboarding-page main { display: block; align-items: initial; }
.onboarding-shell { width: min(100%, 940px); margin: 0 auto; padding: clamp(1.5rem, 4vw, 3rem) 1rem; }
.onboarding-card { padding: clamp(1rem, 3vw, 1.6rem); border: 2px solid rgba(49, 210, 151, 0.38); border-radius: 26px; background: linear-gradient(145deg, rgba(7, 81, 63, 0.42), rgba(4, 40, 34, 0.3)); box-shadow: 0 28px 70px rgba(0, 0, 0, 0.26), inset 0 1px rgba(255, 255, 255, 0.08); backdrop-filter: blur(24px); }
.setup-progress { display: grid; align-items: start; grid-template-columns: auto 1fr auto 1fr auto; gap: 0.6rem; margin-bottom: 1.7rem; }
.setup-progress > div { display: flex; align-items: center; flex-direction: column; gap: 0.35rem; color: #69766f; }
.setup-progress > div > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #3a4440; border-radius: 50%; background: #101614; font-size: 0.72rem; font-weight: 800; }
.setup-progress > div > strong { font-size: 0.61rem; letter-spacing: 0.06em; text-transform: uppercase; }
.setup-progress > i { height: 1px; margin-top: 17px; background: #33403a; }
.setup-progress > div.active, .setup-progress > div.complete { color: var(--gold); }
.setup-progress > div.active > span { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(214, 175, 88, 0.1); }
.setup-progress > div.complete > span { border-color: rgba(49, 210, 151, 0.7); background: rgba(49, 210, 151, 0.14); color: #62e2ae; }
.onboarding-heading { margin-bottom: 1.25rem; text-align: center; }
.onboarding-heading > span { color: var(--gold); font-size: 0.64rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }
.onboarding-heading h1 { margin: 0.25rem 0; font-size: clamp(1.55rem, 4vw, 2.15rem); letter-spacing: -0.04em; }
.onboarding-heading p { margin: 0 auto; max-width: 580px; color: #8e9b95; font-size: 0.78rem; }
.onboarding-form { display: grid; max-width: 620px; margin: 0 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; }
.onboarding-form > div { min-width: 0; }
.onboarding-form label { display: block; margin: 0 0 0.35rem 0.15rem; color: #d9e2de; font-size: 0.68rem; font-weight: 750; letter-spacing: 0.05em; text-transform: uppercase; }
.onboarding-form .form-control, .onboarding-form .form-select { min-height: 48px; border-color: rgba(49, 210, 151, 0.25); background: rgba(5, 18, 16, 0.58); }
.onboarding-form .auth-submit { grid-column: 1 / -1; }
.account-onboarding-form { max-width: 860px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.onboarding-form .prop-field.is-hidden { display: none; }
@media (max-width: 575.98px) { .onboarding-form, .account-onboarding-form { grid-template-columns: 1fr; } .onboarding-form .auth-submit { grid-column: auto; } }
.login-page .auth-welcome{display:grid;gap:.28rem;margin-top:.2rem!important;text-transform:none!important;letter-spacing:.04em!important}.login-page .auth-welcome span{color:#9eaaa4;font-size:.64rem;font-weight:650}.login-page .auth-welcome strong{color:var(--gold);font-size:clamp(.82rem,2.6vw,1rem);font-weight:850;letter-spacing:.075em;text-transform:uppercase}.login-page .auth-brand+form,.login-page .auth-brand+.auth-alert{margin-top:3.25rem}

/* Profile workspace: consistent cards, responsive forms and private avatar controls. */
.profile-shell-wide{width:min(100%,1240px)}.profile-hero-card{display:grid;align-items:center;margin-bottom:1rem;padding:1.15rem;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;border:2px solid rgba(214,175,88,.34);border-radius:24px;background:linear-gradient(145deg,rgba(7,81,63,.42),rgba(4,40,34,.32));box-shadow:inset 0 1px rgba(255,255,255,.08)}.profile-avatar{display:grid;width:88px;height:88px;overflow:hidden;place-items:center;border:2px solid rgba(214,175,88,.64);border-radius:24px;background:rgba(214,175,88,.1);color:var(--gold);font-size:2rem}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero-identity{min-width:0}.profile-hero-identity>span{color:var(--gold);font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.profile-hero-identity h2{margin:.15rem 0;font-size:clamp(1.25rem,3vw,1.75rem);overflow-wrap:anywhere}.profile-hero-identity small{color:#8b9a93}.profile-avatar-form{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.profile-avatar-form .btn{min-height:44px;border-radius:12px;font-size:.72rem;font-weight:800}.profile-file-control{position:relative;display:inline-flex;min-height:44px;align-items:center;gap:.45rem;padding:.6rem .75rem;overflow:hidden;border:1px solid rgba(214,175,88,.35);border-radius:12px;color:#d7c58e;cursor:pointer;font-size:.72rem;font-weight:800}.profile-file-control:hover{border-color:var(--gold);color:var(--gold)}.profile-file-control input{position:absolute;width:1px;height:1px;opacity:0}.profile-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.profile-layout>.profile-card{min-width:0}.profile-personal-card,.profile-verification-card{grid-column:span 7}.profile-summary-card,.profile-password-card{grid-column:span 5}.login-history-card{grid-column:1/-1}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .8rem}.profile-form-wide{grid-column:1/-1}.profile-summary-card dl{display:grid;gap:.55rem;margin:0}.profile-summary-card dl>div{display:grid;align-items:center;padding:.72rem .8rem;grid-template-columns:88px minmax(0,1fr);gap:.65rem;border:1px solid rgba(49,210,151,.16);border-radius:12px;background:rgba(5,18,16,.42)}.profile-summary-card dt{color:#829089;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.profile-summary-card dd{margin:0;overflow-wrap:anywhere;font-size:.78rem;font-weight:750}.profile-summary-card dd small{display:block;margin-top:.15rem;font-size:.58rem}.profile-summary-card dd small.verified{color:#61dca3}.profile-summary-card dd small.pending{color:#e6bd57}.profile-password-card .auth-field .form-control,.profile-personal-card .auth-field .form-control{background:rgba(5,18,16,.56)}.profile-verification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.verification-card{display:grid;align-content:start;gap:.7rem;padding:.85rem;border:1px solid rgba(214,175,88,.24);border-radius:15px;background:rgba(5,18,16,.42)}.verification-card.is-verified{border-color:rgba(49,210,151,.34)}.verification-card>div{display:flex;align-items:center;gap:.65rem}.verification-card>div>i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:rgba(214,175,88,.1);color:var(--gold)}.verification-card>div span{display:grid}.verification-card>div small{color:#819088;font-size:.65rem}.verification-card form{margin:0}.verification-card .btn{width:100%;min-height:40px;border-radius:11px;font-size:.7rem}.verification-code-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.verification-code-form .form-control{min-width:0;border-color:rgba(49,210,151,.24);background:rgba(5,18,16,.56)}.profile-device{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-history-card .table{margin-bottom:0;--bs-table-bg:transparent;--bs-table-border-color:rgba(255,255,255,.08)}
@media(max-width:991.98px){.profile-personal-card,.profile-verification-card,.profile-summary-card,.profile-password-card{grid-column:1/-1}.profile-hero-card{grid-template-columns:auto minmax(0,1fr)}.profile-avatar-form{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:575.98px){.profile-shell{padding-inline:.75rem}.profile-hero-card{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:0 auto}.profile-avatar-form{justify-content:center}.profile-form-grid,.profile-verification-grid{grid-template-columns:1fr}.profile-form-wide{grid-column:auto}.profile-summary-card dl>div{grid-template-columns:1fr;gap:.2rem}.profile-card{border-radius:19px}.profile-device{max-width:180px}}
.profile-single-card{width:min(100%,820px);margin:0 auto}.profile-mobile-nav{display:none;gap:.5rem;margin-bottom:1rem;overflow-x:auto}.profile-mobile-nav a{display:inline-flex;min-height:42px;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid rgba(214,175,88,.22);border-radius:12px;color:#9daca5;text-decoration:none;white-space:nowrap}.profile-mobile-nav a.active{border-color:var(--gold);background:rgba(214,175,88,.1);color:var(--gold)}.verified-contact-check{margin-left:.3rem;color:var(--gold)!important;font-size:.9rem;vertical-align:middle}.profile-contact-line{display:flex;align-items:center;gap:.25rem}.profile-inline-verification{display:grid;gap:.45rem;margin-top:.55rem}.profile-inline-verification form{display:grid;margin:0;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.profile-inline-verification form:first-child{grid-template-columns:1fr}.profile-inline-verification .btn{min-height:38px;border-radius:10px;font-size:.68rem}.profile-inline-verification .form-control{min-width:0;min-height:38px;border-color:rgba(49,210,151,.24);background:rgba(5,18,16,.56);font-size:.72rem}.profile-empty-state{display:flex;min-height:130px;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;color:#7e8c85}.profile-empty-state i{color:var(--gold);font-size:1.6rem}@media(max-width:991.98px){.profile-mobile-nav{display:flex}.profile-page .profile-shell{padding-top:1.25rem}}