@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-text:#f8f9fa;
    --filalma-muted:#a6b0c3;
  }

  *{ box-sizing:border-box; }

  body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background:#020712;
    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, #073b7a, #020712 60%, #000);
    overflow:hidden;
    border-bottom:1px solid rgba(15,23,42,0.9);
  }
  .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.18), 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:rgba(0,0,0,.45);
    color:var(--filalma-turquoise);
    border:1px solid rgba(0,194,255,.5);
    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;
  }
  .auth-title .accent{
    background: linear-gradient(135deg, #00c2ff, #60a5fa);
    -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:#020712;
  }

  .auth-grid{ gap:1.2rem; }

  .auth-card{
    position:relative;
    background: radial-gradient(circle at top, rgba(0,194,255,0.14), #020814 65%, #000 100%);
    border-radius:1.4rem;
    border:1px solid rgba(0,194,255,0.38);
    box-shadow:0 26px 70px rgba(0,0,0,0.9);
    overflow:hidden;
    height:100%;
  }
  .auth-card::before{
    content:"";
    position:absolute;
    inset:-30%;
    background: radial-gradient(circle at 0 0, rgba(0,194,255,0.22), transparent 60%);
    opacity:.75;
    mix-blend-mode:screen;
    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: rgba(15,23,42,0.92);
    border: 1px solid rgba(148,163,184,0.35);
    color:#cbd5f5;
    font-size:.78rem;
    margin-bottom:.8rem;
  }
  .auth-badge i{ color:var(--filalma-turquoise); font-size:.8rem; }

  .auth-card-title{ font-size:1.12rem; font-weight:650; margin-bottom:.25rem; }
  .auth-card-desc{ color:var(--filalma-muted); font-size:.92rem; margin-bottom:1.1rem; }

  .form-label{ font-size:.85rem; color:#cbd5f5; margin-bottom:.35rem; }
  .form-control{
    background: rgba(2, 8, 20, 0.75);
    border: 1px solid rgba(148,163,184,0.25);
    color:#e5e7eb;
    border-radius:.9rem;
    padding:.7rem .95rem;
  }
  .form-control:focus{
    border-color: rgba(0,194,255,0.7);
    box-shadow: 0 0 0 .2rem rgba(0,194,255,0.15);
    background: rgba(2, 8, 20, 0.85);
    color:#fff;
  }

  .input-group .btn-eye{
    border-radius:.9rem;
    border:1px solid rgba(148,163,184,0.25);
    background: rgba(2, 8, 20, 0.75);
    color:#cbd5f5;
    padding-inline:.95rem;
  }
  .input-group .btn-eye:hover{
    color:var(--filalma-turquoise);
    border-color: rgba(0,194,255,0.55);
  }

  .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(0,194,255,0.35);
  }
  .btn-auth:hover{
    filter:brightness(1.06);
    box-shadow: 0 8px 24px rgba(0,194,255,0.55);
    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-turquoise); }

  .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:#02030a;
    font-size:.8rem;
    color:var(--filalma-muted);
    border-top:1px solid rgba(15,23,42,0.9);
  }