@import url("home-v2.css?v=20260928-2");

.wf-account-page {
  min-height: 100vh;
  color: var(--wf-text);
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 153, 0, 0.10), transparent 30rem),
    radial-gradient(circle at 14% 42%, rgba(69, 78, 92, 0.11), transparent 30rem),
    #030405;
}

.wf-account-page main { min-height: 55vh; }
.account-shell { width: min(calc(100% - 48px), 1320px); margin: 0 auto; padding: 58px 0 104px; }
.account-shell--auth { min-height: 650px; display: grid; place-items: center; }
.account-shell--wide { padding-top: 42px; }
.account-shell--profile { max-width: 980px; }

.account-card {
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--wf-line);
  border-radius: var(--wf-radius);
  padding: 40px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), transparent 42%),
    rgba(8, 10, 12, .95);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .36);
}
.account-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background:linear-gradient(90deg,var(--wf-orange),transparent 60%); opacity:.82; }
.account-card--compact { max-width: 540px; }
.account-card--wide { max-width: 920px; }

.account-heading { margin-bottom: 30px; }
.account-heading h1,.account-dashboard-head h1 { margin: 8px 0 11px; color: var(--wf-text); font-size: clamp(2.15rem, 4vw, 3.45rem); line-height: .98; letter-spacing: -.045em; text-transform: uppercase; }
.account-heading p,.account-dashboard-head p { max-width: 650px; margin: 0; color: var(--wf-muted); line-height: 1.65; }
.account-kicker { display:inline-block; color:var(--wf-orange); text-transform:uppercase; letter-spacing:.18em; font-size:.76rem; font-weight:1000; }

.account-form { display: grid; gap: 20px; }
.account-fieldset { display:grid; gap:17px; min-width:0; margin:0; padding:22px; border:1px solid var(--wf-line-soft); border-radius:12px; background:rgba(255,255,255,.018); }
.account-fieldset legend { padding:0 10px 0 0; color:#f3efe8; font-size:.88rem; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.account-fieldset--type { background:rgba(255,153,0,.025); border-color:rgba(255,153,0,.18); }
.account-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.account-form__grid--address { grid-template-columns:minmax(150px,.42fr) 1fr; }
.account-form label { display:grid; gap:8px; color:#eeeae3; font-size:.89rem; font-weight:800; }
.account-form label>span,.account-form small { color:#858b91; font-weight:500; }
.account-form input[type="text"],.account-form input[type="email"],.account-form input[type="password"],.account-form input[type="tel"] { width:100%; min-width:0; border:1px solid rgba(255,255,255,.15); border-radius:9px; padding:13px 14px; outline:none; color:#fff; background:#080a0c; transition:border-color .18s,box-shadow .18s,background .18s; }
.account-form input::placeholder { color:#62676d; }
.account-form input:focus { border-color:rgba(255,153,0,.9); background:#0b0d0f; box-shadow:0 0 0 3px rgba(255,153,0,.09); }
.account-form input.is-readonly { color:#bbb7b0; background:#111315; border-color:rgba(255,255,255,.08); }

.account-type-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.account-type-card { position:relative; display:block!important; cursor:pointer; }
.account-type-card input { position:absolute; opacity:0; pointer-events:none; }
.account-type-card span { display:flex; min-height:88px; flex-direction:column; justify-content:center; gap:5px; padding:16px 17px; border:1px solid rgba(255,255,255,.13); border-radius:10px; background:#080a0c; transition:.18s; }
.account-type-card strong { color:#f5f1ea; font-size:.98rem; }
.account-type-card small { color:#898e94; line-height:1.35; }
.account-type-card input:checked + span { border-color:var(--wf-orange); background:rgba(255,153,0,.07); box-shadow:inset 3px 0 0 var(--wf-orange); }


.account-password-grid label { grid-template-rows: auto 48px 20px; align-content:start; }
.account-password-grid input[type="password"] { height:48px; }
.account-help-placeholder { visibility:hidden; }

.account-account-type-fixed { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:88px; padding:16px 17px; border:1px solid rgba(255,153,0,.38); border-radius:10px; background:rgba(255,153,0,.06); }
.account-account-type-fixed > div { display:grid; gap:5px; }
.account-account-type-fixed strong { color:#f5f1ea; font-size:.98rem; }
.account-account-type-fixed small { color:#898e94; line-height:1.35; }
.account-account-type-fixed > span { color:#777d83; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; text-align:right; }

.account-check-row { padding:2px 3px; }
.account-check-row label { display:flex; align-items:center; gap:11px; cursor:pointer; color:#d6d2cb; font-size:.9rem; font-weight:700; }
.account-check-row input { width:18px; height:18px; accent-color:var(--wf-orange); }

.account-primary,.account-secondary { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:50px; border-radius:9px; padding:13px 20px; text-transform:uppercase; letter-spacing:.075em; font-size:.82rem; font-weight:950; cursor:pointer; transition:.18s; }
.account-primary { border:1px solid var(--wf-orange); color:#090a0b; background:var(--wf-orange); }
.account-primary:hover { transform:translateY(-1px); background:var(--wf-orange-light); border-color:var(--wf-orange-light); }
.account-primary--large { min-height:56px; margin-top:2px; }
.account-primary span { font-size:1.2rem; line-height:1; }
.account-secondary { border:1px solid rgba(255,153,0,.75); color:var(--wf-orange-light); background:rgba(255,153,0,.025); }
.account-secondary:hover { background:rgba(255,153,0,.08); }

.account-form__meta { margin-top:-8px; text-align:right; }
.account-form__meta a,.account-switch a,.account-back a { color:var(--wf-orange-light); font-weight:800; }
.account-form__meta a:hover,.account-switch a:hover,.account-back a:hover { text-decoration:underline; text-underline-offset:4px; }
.account-switch { margin:24px 0 0; color:#858b91; text-align:center; }
.account-back { margin-bottom:17px; }

.account-alert { margin-bottom:20px; border-radius:10px; padding:13px 15px; }
.account-alert p { margin:0; }
.account-alert p+p { margin-top:6px; }
.account-alert--error { border:1px solid rgba(255,98,98,.34); color:#ffbcbc; background:rgba(145,29,29,.17); }

.account-dashboard-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:35px; }
.account-dashboard-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.account-feature-card { position:relative; min-height:270px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--wf-line); border-radius:var(--wf-radius); padding:25px; background:rgba(9,11,13,.94); }
.account-feature-card::after { content:""; position:absolute; right:-70px; top:-80px; width:180px; height:180px; border-radius:50%; background:rgba(255,153,0,.07); filter:blur(4px); }
.account-feature-card__number { position:relative; z-index:1; color:var(--wf-orange); font-size:.72rem; font-weight:1000; letter-spacing:.15em; }
.account-feature-card h2 { position:relative; z-index:1; margin:44px 0 10px; color:#f4f0e9; font-size:1.28rem; text-transform:uppercase; letter-spacing:-.02em; }
.account-feature-card p { position:relative; z-index:1; margin:0; color:#96999c; line-height:1.6; }
.account-soon { position:relative; z-index:1; margin-top:auto; padding-top:22px; color:#646a70; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }

.account-profile-summary { display:grid; grid-template-columns:1.15fr 1fr auto; align-items:center; gap:28px; margin-top:12px; border:1px solid rgba(255,153,0,.18); border-radius:var(--wf-radius); padding:22px 24px; background:linear-gradient(90deg,rgba(255,153,0,.055),rgba(255,255,255,.018)); }
.account-profile-summary__identity,.account-profile-summary__address { display:grid; gap:3px; min-width:0; }
.account-profile-summary span { color:var(--wf-orange); font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.11em; }
.account-profile-summary strong { overflow:hidden; color:#f2eee7; font-size:1.02rem; text-overflow:ellipsis; white-space:nowrap; }
.account-profile-summary small { color:#92969a; }
.account-text-button { padding:8px 0; border:0; color:#ddd8d0; background:none; font-weight:800; cursor:pointer; }
.account-text-button:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }

@media(max-width:980px){
  .account-dashboard-grid{grid-template-columns:1fr 1fr}.account-feature-card:last-child{grid-column:1/-1}.account-profile-summary{grid-template-columns:1fr 1fr}.account-profile-summary form{grid-column:1/-1}
}
@media(max-width:820px){
  .account-account-type-fixed{align-items:flex-start;flex-direction:column}.account-account-type-fixed > span{text-align:left}
  .account-shell{width:min(100% - 24px,1320px);padding:34px 0 70px}.account-shell--auth{min-height:auto}.account-card{padding:24px 18px}.account-form__grid,.account-form__grid--address,.account-type-grid{grid-template-columns:1fr}.account-dashboard-head{align-items:flex-start;flex-direction:column}.account-dashboard-grid{grid-template-columns:1fr}.account-feature-card:last-child{grid-column:auto}.account-feature-card{min-height:220px}.account-profile-summary{grid-template-columns:1fr;align-items:flex-start}.account-profile-summary form{grid-column:auto}.account-secondary{width:100%}
}
@media(max-width:520px){
  .account-heading h1,.account-dashboard-head h1{font-size:2rem}.account-card{box-shadow:none}.account-shell{padding-top:24px}.account-fieldset{padding:18px 14px}.account-form input[type="text"],.account-form input[type="email"],.account-form input[type="password"],.account-form input[type="tel"]{font-size:16px}.account-type-card span{min-height:76px}.account-primary{width:100%}
}