.account-page{min-height:100vh;background:linear-gradient(145deg,#eaf8ff 0%,#f7fbff 46%,#eefcf7 100%);font-family:'Noto Nastaliq Urdu',sans-serif;color:#172033}
.account-header{position:relative;background:#fff;box-shadow:0 4px 22px rgba(15,50,75,.07)}
.account-header .container{max-width:1120px;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 22px}
.account-logo{text-decoration:none}.account-logo h1{font-family:'Noto Nastaliq Urdu',sans-serif;font-size:1.25rem}
.account-back{font-size:.88rem;color:#087eae;text-decoration:none;font-weight:700}
.account-main{width:min(100% - 28px,500px);margin:38px auto 28px}
.account-card{background:#fff;border:1px solid #e2edf4;border-radius:24px;padding:30px clamp(18px,5vw,38px);box-shadow:0 18px 55px rgba(16,65,90,.12)}
.account-mark{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 12px;border-radius:20px;background:#e4f7ff;font-size:2rem}
.account-card h2{text-align:center;font-size:1.55rem;margin:0 0 5px;color:#10334b}
.account-subtitle{text-align:center;color:#64748b;font-size:.88rem;line-height:2;margin:0 0 22px}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#f0f6fa;border-radius:13px;margin-bottom:22px}
.account-tab{border:0;border-radius:10px;padding:10px 5px;background:transparent;color:#506476;font:inherit;font-size:.9rem;cursor:pointer}
.account-tab.active{background:#0284c7;color:white;box-shadow:0 3px 10px rgba(2,132,199,.2)}
.account-form{display:flex;flex-direction:column;gap:9px}.account-form label{font-size:.9rem;font-weight:700;margin-top:5px;color:#263f50}
.account-form input{width:100%;min-height:48px;border:1px solid #d5e1e8;border-radius:11px;padding:10px 13px;background:#fbfdff;font:15px Arial,sans-serif;direction:ltr;text-align:left;outline:none}
.account-form input:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.12)}
.account-submit{width:100%;border:0;border-radius:12px;min-height:49px;margin-top:12px;background:linear-gradient(100deg,#0284c7,#0fba91);color:white;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 7px 18px rgba(2,132,199,.18)}
.account-submit:disabled{opacity:.6;cursor:wait}.account-text-button{align-self:center;border:0;background:transparent;color:#087eae;font:inherit;font-size:.85rem;cursor:pointer;padding:8px}
.account-alert{padding:12px 14px;border-radius:12px;margin:0 0 17px;font-size:.84rem;line-height:2}.account-alert p{margin:3px 0 0}.account-alert-warning{background:#fff7e8;color:#854d0e;border:1px solid #f5d59d}.account-alert-success{background:#eafaf2;color:#166534;border:1px solid #b6ebcc}.account-alert-error{background:#fff0f0;color:#991b1b;border:1px solid #fecaca}
.signed-in-panel{text-align:center}.signed-in-icon{width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:2rem;display:grid;place-items:center;margin:0 auto 12px}.signed-in-panel h3{margin:0 0 8px}.signed-in-panel p{overflow-wrap:anywhere}.signed-in-email{direction:ltr;font-family:Arial,sans-serif;color:#64748b}.account-home-button{display:block;text-align:center;margin-top:14px;color:#087eae;text-decoration:none;font-weight:700}.account-footer-note{margin-top:24px;padding-top:18px;border-top:1px solid #edf2f6;text-align:center;color:#7b8a96;font-size:.76rem;line-height:2}.account-help{text-align:center;color:#64748b;font-size:.85rem}.account-help a{color:#087eae;font-weight:700;text-decoration:none}
[hidden]{display:none!important}
@media(max-width:480px){.account-header .container{padding:10px 14px;min-height:68px}.account-logo h1{font-size:1rem}.account-back{font-size:.72rem}.account-main{margin-top:22px}.account-card{padding-top:24px;padding-bottom:24px;border-radius:19px}}