/* =========================================================
   Social Content Studio Pro — Login Page Styles
   ========================================================= */
/* All login-specific styles are in app.css. This file only
   adds the animated gradient background for the login page. */

.login-page {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(30,64,175,.15) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(14,165,233,.12) 0%, transparent 50%),
    var(--bg-base);
}

.login-page::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Ccircle cx='1' cy='1' r='.5' fill='%2394a3b8' opacity='.1'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 0;
}

.login-card { position: relative; z-index: 1; }