.account-page { max-width:520px; margin:24px auto 40px; padding:0 4px; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.account-card { padding:30px; border:1px solid #2a4259; border-radius:20px; background:#12263a; box-shadow:0 16px 45px #06122133; color:#e9edf3; }
.account-eyebrow { margin:0 0 9px; color:#83d9b0; font-size:11px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; }
.account-card h1 { margin:0 0 10px; color:#f2f4f8; font-family:inherit; font-size:28px; line-height:1.25; }
.account-description { margin:0 0 24px; color:#acbed0; font-size:14px; line-height:1.7; }
.account-card label { display:block; margin:0 0 8px; color:#e3ebf4; font-size:13px; font-weight:600; }
.account-field { margin-bottom:18px; }
.account-card .form-control { width:100%; height:auto; min-height:46px; padding:12px 14px; border:1px solid #35516a; border-radius:10px; background:#0e2032; color:#f3f5f8; font-family:inherit; font-size:16px; line-height:1.4; }
.account-card .form-control:focus { border-color:#e1b54b; box-shadow:0 0 0 3px #e1b54b20; background:#0e2032; color:#fff; }
.account-card .form-control:disabled { opacity:.7; }
.account-card .form-control::placeholder { color:#8ca3ba; }
.account-card .field-validation-error,.account-card .validation-summary-errors { color:#ffafaf; font-size:13px; line-height:1.6; }
.account-card .validation-summary-errors { padding:12px; margin-bottom:16px; border:1px solid #985758; border-radius:10px; background:#4c282944; }
.account-card .validation-summary-errors ul { margin:0; padding-left:18px; }
.account-card .validation-summary-valid { display:none; }
.account-card .field-validation-error { display:block; margin-top:6px; }
.account-submit,.account-google { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:46px; padding:12px 16px; border:1px solid transparent; border-radius:10px; font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; cursor:pointer; }
.account-submit { color:#091a2b; background:#e1b54b; font-family:inherit; font-size:14px; font-weight:700; }
.account-submit:hover { color:#091a2b; background:#efc566; text-decoration:none; }
.account-submit:disabled { opacity:.5; cursor:default; }
.account-google { border-color:#3a526b; background:#1c3248; color:#f2f4f8; font-family:inherit; font-size:14px; }
.account-google:hover { background:#254058; }
.account-google-mark { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#fff; color:#4285f4; font-size:17px; font-weight:700; }
.account-divider { display:flex; align-items:center; gap:15px; margin:23px 0; color:#8da5bc; font-size:12px; }
.account-divider::before,.account-divider::after { content:""; flex:1; height:1px; background:#2a4259; }
.account-options { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; font-size:12px; }
.account-options .account-checkbox { display:flex; align-items:center; gap:8px; margin:0; font-weight:400; color:#acbed0; }
.account-checkbox input { width:16px; height:16px; accent-color:#e1b54b; }
.account-card a { color:#ebc979; text-underline-offset:3px; }
.account-footer { margin:20px 0 0; color:#acbed0; text-align:center; font-size:13px; line-height:1.7; }
.account-note { margin:12px 0 18px; padding:13px 15px; border:1px solid #36536d; border-radius:10px; background:#1b344a; color:#c2d3e3; font-size:13px; line-height:1.7; }
.account-help { display:block; margin-top:7px; color:#93abc1; font-size:12px; line-height:1.6; }
.account-readonly { overflow-wrap:anywhere; margin-bottom:18px; padding:12px 14px; border:1px solid #36536d; border-radius:10px; background:#0e2032; font-size:14px; }
.account-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.account-page :is(a,button,input):focus-visible { outline:2px solid #e1b54b; outline-offset:3px; }
.account-manage { max-width:950px; }
.account-manage-grid { display:grid; grid-template-columns:190px minmax(0,1fr); gap:24px; }
.account-manage .nav-link { color:#acbed0; border-radius:9px; font-size:13px; }
.account-manage .nav-link.active { background:#294158; color:#ebc979; }
@media (max-width:575px) { .account-page { margin-top:14px; } .account-card { padding:23px 18px; border-radius:15px; } .account-card h1 { font-size:25px; } .account-manage-grid { grid-template-columns:minmax(0,1fr); gap:20px; } .account-manage-grid .nav { flex-direction:row!important; flex-wrap:wrap; } }