@media (min-width: 992px){
    .auth-grid{ display:flex !important; flex-wrap:nowrap !important; }
    .auth-grid > .col-lg-6{ flex:0 0 50% !important; max-width:50% !important; }
  }
  
  :root{
    --filalma-blue:#0d6efd;
    --filalma-turquoise:#00c2ff;
  
    --filalma-bg:#f6f9ff;
    --filalma-bg-2:#ffffff;
    --filalma-bg-3:#d7eaff;
  
    --filalma-text:#0b1b2b;
    --filalma-muted:#516479;
  
    --line-1: rgba(11,27,43,0.12);
    --line-2: rgba(11,27,43,0.18);
    --dash-1: rgba(11,27,43,0.22);
  
    --glass-1: rgba(255,255,255,0.78);
    --glass-2: rgba(255,255,255,0.92);
  
    --shadow-1: 0 20px 55px rgba(11,27,43,0.12);
    --shadow-2: 0 26px 70px rgba(11,27,43,0.14);
  }
  
  *{ box-sizing:border-box; }
  
  body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background:var(--filalma-bg);
    color:var(--filalma-text);
    scroll-behavior:smooth;
  }
  
  a{ text-decoration:none; }
  
  main{ padding-top:90px; }
  .auth-hero{
    position:relative;
    padding:44px 0 24px;
    background: radial-gradient(circle at top left, var(--filalma-bg-3), var(--filalma-bg) 60%, var(--filalma-bg-2));
    overflow:hidden;
    border-bottom:1px solid var(--line-1);
  }
  .auth-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 20% 0, rgba(0,194,255,0.14), transparent 55%),
      radial-gradient(circle at 80% 18%, rgba(13,110,253,0.14), transparent 60%);
    pointer-events:none;
  }
  .auth-hero-inner{ position:relative; z-index:1; }
  
  .auth-kicker{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    border-radius:999px;
    padding:4px 12px;
    font-size:.75rem;
    background:var(--glass-2);
    color:var(--filalma-blue);
    border:1px solid rgba(0,194,255,.45);
    text-transform:uppercase;
    letter-spacing:.14em;
    margin-bottom:1rem;
  }
  .auth-title{
    font-size: clamp(2rem, 2.6vw + 1rem, 2.8rem);
    font-weight:700;
    line-height:1.1;
    margin-bottom:.6rem;
    color:#073b7a;
  }
  .auth-title .accent{
    background: linear-gradient(135deg, #0d6efd, #00c2ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .auth-subtitle{
    max-width:820px;
    color:var(--filalma-muted);
    font-size:.98rem;
    margin-bottom:0;
  }
  .auth-section{
    padding:38px 0 62px;
    background:var(--filalma-bg);
  }
  
  .auth-grid{ gap:1.2rem; }
  .auth-card{
    position:relative;
    background: radial-gradient(circle at top, rgba(0,194,255,0.14), var(--filalma-bg-2) 65%, var(--filalma-bg) 100%);
    border-radius:1.4rem;
    border:1px solid rgba(0,194,255,0.22);
    box-shadow:var(--shadow-2);
    overflow:hidden;
    height:100%;
  }
  .auth-card::before{
    content:"";
    position:absolute;
    inset:-30%;
    background: radial-gradient(circle at 0 0, rgba(0,194,255,0.16), transparent 60%);
    opacity:.75;
    mix-blend-mode:normal;
    pointer-events:none;
  }
  .auth-card-inner{
    position:relative;
    z-index:1;
    padding:1.7rem 1.7rem 1.5rem;
  }
  
  .auth-badge{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:4px 10px;
    border-radius:999px;
    background:var(--glass-2);
    border: 1px solid var(--line-2);
    color:var(--filalma-text);
    font-size:.78rem;
    margin-bottom:.8rem;
  }
  .auth-badge i{ color:var(--filalma-blue); font-size:.8rem; }
  
  .auth-card-title{
    font-size:1.12rem;
    font-weight:650;
    margin-bottom:.25rem;
    color:#073b7a;
  }
  .auth-card-desc{
    color:var(--filalma-muted);
    font-size:.92rem;
    margin-bottom:1.1rem;
  }
  
  /* FORM */
  .form-label{
    font-size:.85rem;
    color:var(--filalma-text);
    margin-bottom:.35rem;
  }
  .form-control{
    background:var(--glass-2);
    border:1px solid var(--line-2);
    color:var(--filalma-text);
    border-radius:.9rem;
    padding:.7rem .95rem;
  }
  .form-control:focus{
    border-color: rgba(0,194,255,0.65);
    box-shadow: 0 0 0 .2rem rgba(0,194,255,0.18);
    background:var(--filalma-bg-2);
    color:var(--filalma-text);
  }
  
  .input-group .btn-eye{
    border-radius:.9rem;
    border:1px solid var(--line-2);
    background:var(--glass-2);
    color:var(--filalma-muted);
    padding-inline:.95rem;
  }
  .input-group .btn-eye:hover{
    color:var(--filalma-blue);
    border-color: rgba(0,194,255,0.45);
  }

  .btn-auth{
    border-radius:999px;
    padding:.6rem 1.15rem;
    font-weight:650;
    font-size:.92rem;
    border:none;
    background: linear-gradient(135deg, var(--filalma-blue), var(--filalma-turquoise));
    color:#fff;
    box-shadow: 0 6px 18px rgba(13,110,253,0.22);
  }
  .btn-auth:hover{
    filter:brightness(1.06);
    box-shadow: 0 10px 26px rgba(0,194,255,0.28);
    color:#fff;
  }

  .auth-links{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.8rem;
    flex-wrap:wrap;
    margin-top:.8rem;
    font-size:.85rem;
    color:var(--filalma-muted);
  }
  .auth-links a{ color:var(--filalma-muted); }
  .auth-links a:hover{ color:var(--filalma-blue); }
 
  .auth-divider{ position:relative; }
  @media (min-width: 992px){
    .auth-divider::after{
      content:"";
      position:absolute;
      top:12px;
      bottom:12px;
      right:-0.6rem;
      width:1px;
      background: linear-gradient(to bottom, transparent, rgba(0,194,255,0.35), transparent);
    }
  }

  footer{
    padding-block:18px;
    background:var(--filalma-bg-2);
    font-size:.8rem;
    color:var(--filalma-muted);
    border-top:1px solid var(--line-1);
  }