.account-page { min-height:58vh; padding:64px 20px 84px; background:linear-gradient(180deg,#f4f7f5 0,#fff 70%); }
.account-card { width:min(100%,500px); margin:0 auto; padding:42px 44px; border:1px solid #e2eae5; border-radius:16px; background:#fff; box-shadow:0 18px 55px rgba(74,47,25,.08); }
.account-eyebrow { color:#d96c13; font-size:11px; font-weight:800; letter-spacing:.13em; }
.account-card h1 { margin:12px 0 8px; color:#172b3a; font:800 30px/1.2 'Manrope',Arial,sans-serif; letter-spacing:-.04em; }
.account-lead { margin:0 0 26px; color:#65747c; font-size:14px; line-height:1.65; }
.account-form { display:grid; gap:17px; }
.account-field { display:grid; gap:7px; }
.account-field label { color:#243a45; font-size:13px; font-weight:700; }
.account-field input { width:100%; min-height:46px; padding:0 13px; border:1px solid #d7e1dc; border-radius:8px; outline:none; color:#172b3a; font:inherit; box-sizing:border-box; }
.account-field input:focus { border-color:#c45e0c; box-shadow:0 0 0 3px rgba(217,108,19,.12); }
.account-field small,.field-validation-error { color:#a13b31; font-size:12px; line-height:1.5; }
.account-field small { color:#718078; }
.account-remember { display:flex; align-items:center; gap:9px; color:#53636a; font-size:13px; }
.account-remember input { accent-color:#d96c13; }
.account-submit { display:flex; justify-content:center; align-items:center; gap:10px; min-height:48px; margin-top:3px; border:0; border-radius:8px; background:#d96c13; color:#fff; font:700 14px 'DM Sans',Arial,sans-serif; cursor:pointer; }
.account-submit:hover { background:#a94f0b; }
.account-validation { margin:0; color:#a13b31; font-size:13px; }
.account-switch { margin:24px 0 0; color:#68777d; text-align:center; font-size:13px; }
.account-switch a,.account-back { color:#d96c13; font-weight:700; text-decoration:none; }
.account-details { margin:24px 0; border-top:1px solid #e6ece8; }
.account-details div { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid #e6ece8; font-size:14px; }
.account-details dt { color:#718078; }
.account-details dd { margin:0; color:#172b3a; font-weight:700; text-align:right; }
.account-back { display:inline-flex; padding:12px 16px; border:1px solid #f0d1b4; border-radius:8px; }
@media(max-width:560px) { .account-page { padding:38px 14px 56px; } .account-card { padding:30px 22px; } .account-card h1 { font-size:26px; } }