.login{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--bg-primary) 50%, #f3e8ff 100%);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-10);box-shadow:var(--shadow-xl)}.login__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.login__back:hover{color:var(--color-primary)}.login__header{text-align:center;margin-bottom:var(--space-8)}.login__logo{border-radius:var(--radius-xl);width:72px;height:72px;margin:0 auto var(--space-5);display:block}.login__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.login__subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.login__error{background:var(--color-danger-light);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-6);text-align:center}.login__fb-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);color:#fff;font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;background:#1877f2;border:none;text-decoration:none;display:flex}.login__fb-btn:hover{color:#fff;background:#166fe5;transform:translateY(-1px);box-shadow:0 4px 14px #1877f266}.login__trust{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}