.account-access { align-items: center; background: linear-gradient(145deg,#fffaf2,#f7f1e8); display: flex; justify-content: center; min-height: calc(100vh - 76px); padding: 2rem 1rem; }
.account-access__card { background: #fff; border: 1px solid rgba(32,27,25,.12); border-radius: 18px; max-width: 420px; padding: clamp(1.25rem,4vw,2rem); width: 100%; }
.account-access__card header { margin-bottom: 1.1rem; text-align: center; }
.account-access__card h1 { color: #201b19; font-size: clamp(1.8rem,5vw,2.4rem); letter-spacing: -.04em; margin: 0; }
.account-access__card header p { color: #6c655f; line-height: 1.5; margin: .55rem 0 0; }
.account-google { align-items: center; border: 1px solid rgba(32,27,25,.2); border-radius: 10px; color: #201b19; display: flex; font-weight: 750; gap: .7rem; justify-content: center; min-height: 46px; text-decoration: none; }
.account-google span { color: #4285f4; font-size: 1.15rem; font-weight: 900; }
.account-divider { align-items: center; color: #817872; display: flex; font-size: .75rem; gap: .65rem; margin: 1rem 0; }
.account-divider::before,.account-divider::after { background: rgba(32,27,25,.12); content: ""; flex: 1; height: 1px; }
#account-access-form { display: grid; gap: .45rem; }
#account-access-form label { color: #201b19; font-size: .84rem; font-weight: 750; margin-top: .35rem; }
#account-access-form input { border: 1px solid rgba(32,27,25,.22); border-radius: 10px; font: inherit; min-height: 44px; padding: .65rem .75rem; }
#account-access-form input:focus { border-color: #5c2aa3; box-shadow: 0 0 0 3px rgba(92,42,163,.1); outline: 0; }
#account-access-form small { color: #756e68; font-size: .72rem; }
#account-access-form button { background: #087f5b; border: 0; border-radius: 10px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; margin-top: .65rem; min-height: 46px; }
#account-access-form button:disabled { opacity: .55; }
.account-message { border-radius: 9px; font-size: .82rem; line-height: 1.4; margin: .55rem 0 0; padding: .65rem .75rem; }
.account-message--error { background: #fff0ee; color: #9c2f22; }
.account-message--success { background: #eaf8f1; color: #086044; }
.account-switch { color: #6c655f; font-size: .84rem; margin: 1rem 0 0; text-align: center; }
.account-switch a { color: #087f5b; font-weight: 750; }
@media(max-width:560px){.account-access{align-items:flex-start;min-height:0;padding:1.25rem .85rem 2rem}.account-access__card{border-radius:14px;padding:1.2rem}}