.auth-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.auth-modal{background:var(--color-bg-card);border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.auth-modal__title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.auth-modal__close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.auth-modal__close:hover{background:var(--color-surface);color:var(--color-text-secondary)}.auth-modal__content{padding:24px}.auth-modal__message{font-size:16px;color:var(--color-text-muted);line-height:1.5;margin:0 0 24px;text-align:center}.auth-modal__actions{display:flex;justify-content:center}.auth-modal__login-btn{background:var(--color-brand);color:var(--color-bg-card);width:100%;padding:14px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;align-items:center;justify-content:center;transition:all .2s ease;display:inline-flex;border:none;cursor:pointer}.auth-modal__login-btn:hover{background:var(--color-brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00c8534d}.auth-modal__footer{padding:0 24px 24px;display:flex;justify-content:center}.auth-modal__back-btn{background:var(--color-bg-card);color:var(--color-text-muted);width:100%;padding:12px 24px;border:2px solid var(--color-border-medium);border-radius:12px;align-items:center;justify-content:center;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;display:inline-flex}.auth-modal__back-btn:hover{background:var(--color-surface);border-color:var(--color-border);transform:translateY(-1px)}@media(max-width:480px){.auth-modal-overlay{padding:16px}.auth-modal{margin:16px}.auth-modal__header{padding:20px 20px 16px}.auth-modal__content{padding:20px}.auth-modal__footer{padding:0 20px 20px}}