.account-card {max-width: 540px; margin: 32px auto; padding: 28px; background: white; border-radius: 12px; box-shadow: 0 4px 24px #0002; line-height: 1.6; box-sizing:border-box}
.account-card label {display:block; margin:16px 0 5px; font-weight:600}
.account-card input,.account-card textarea {box-sizing:border-box;width:100%;padding:12px;border:1px solid #999;border-radius:6px;font:inherit}
.account-card button,.account-card .button {display:inline-block;margin:20px 0 8px;padding:12px 20px;background:#1976d2;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer;text-decoration:none}
.account-card button:disabled {opacity:.6}
.account-card [role=status] {color:#8a2100;min-height:24px;overflow-wrap:anywhere}
.account-card code {display:block;background:#eef3fa;padding:14px;overflow-wrap:anywhere;user-select:all}
.account-card h1 {font-size:28px}
@media(max-width:600px) {.account-card {margin:20px 12px;padding:20px}}

.account-card {margin-top:100px;font-family:Roboto,Arial,sans-serif}
@media(max-width:600px){.account-card{margin-top:84px}}
.account-card .google-button {display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:6px;padding:12px 16px;margin:22px 0;text-decoration:none;font:500 15px Roboto,Arial,sans-serif;box-sizing:border-box;min-height:44px}
.google-button:hover {background:#f7f9fc;border-color:#1f1f1f}
.google-button img,.provider-row img {object-fit:contain;flex:none}
.auth-divider {display:flex;align-items:center;gap:12px;color:#666;font-size:14px;margin:24px 0}
.auth-divider::before,.auth-divider::after {content:'';height:1px;background:#ddd;flex:1}
.auth-notice {padding:12px 16px;border-radius:6px;background:#fff3e0;color:#783c00;text-align:left}
.auth-notice.success {background:#e7f5eb;color:#165c2e}
.profile-card {max-width:620px}
.profile-heading {display:flex;align-items:center;gap:18px;overflow-wrap:anywhere}
.profile-heading h1 {margin:0;line-height:1.25}
.profile-heading p {margin:6px 0}
.profile-avatar {height:64px;width:64px;min-width:64px;border-radius:50%;background:#e3effd;display:flex;align-items:center;justify-content:center;color:#1555a2;font-size:26px;font-weight:700;overflow:hidden}
.profile-avatar img {width:100%;height:100%;object-fit:cover}
.account-badge {display:inline-block;background:#eef2f6;border-radius:20px;padding:3px 10px;font-size:12px;color:#32455b}
.profile-actions {display:flex;align-items:center;justify-content:space-between}
.account-card .text-button {margin:0;background:none;color:#1555a2;padding:6px;min-height:40px}
.account-section {border-top:1px solid #ddd;padding-top:18px;margin-top:18px}
.provider-row {display:flex;gap:12px;align-items:center}
.provider-row>div {flex:1;overflow-wrap:anywhere}
.provider-row p {margin:0;font-size:14px}
.account-card .secondary-button {background:#fff;color:#333;border:1px solid #999}
@media(max-width:480px){.profile-heading{gap:12px}.profile-heading h1{font-size:23px}.profile-avatar{width:48px;height:48px;min-width:48px}.provider-row{flex-wrap:wrap}}