/* =========================================================
   BLUUPI — LOGIN DESKTOP
   Fichier : /app/assets/styles/pages/desktop/login.css
   Rôle : fond premium uniquement sur bureau
========================================================= */

@media (min-width:1200px){

  body{
    min-height:100vh;
    overflow:hidden;

    background:
      radial-gradient(circle at 18% 18%, rgba(92,216,244,.24), rgba(92,216,244,0) 34%),
      radial-gradient(circle at 82% 22%, rgba(255,222,145,.28), rgba(255,222,145,0) 32%),
      radial-gradient(circle at 72% 82%, rgba(18,113,148,.14), rgba(18,113,148,0) 38%),
      linear-gradient(135deg,#f4f9fc 0%,#ffffff 45%,#eef8fc 100%);
  }

  body::before{
    content:"";
    position:fixed;
    left:-150px;
    top:120px;
    width:430px;
    height:430px;
    border-radius:50%;
    background:rgba(92,216,244,.15);
    filter:blur(5px);
    pointer-events:none;
  }

  body::after{
    content:"";
    position:fixed;
    right:-170px;
    bottom:-150px;
    width:540px;
    height:540px;
    border-radius:50%;
    background:rgba(255,222,145,.18);
    filter:blur(7px);
    pointer-events:none;
  }

  .login-page{
    min-height:100vh;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    position:relative;
    z-index:2;
  }

  .login-card{
    width:100%;
    max-width:430px;

    border-radius:34px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(14,62,97,.08);

    box-shadow:
      0 30px 90px rgba(14,62,97,.14),
      0 8px 24px rgba(14,62,97,.06);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .login-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:34px;
    pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,0));
  }

  .login-brand,
  .login-header,
  .social-login,
  .divider,
  .login-error,
  .login-form,
  .trust-line,
  .login-register{
    position:relative;
    z-index:2;
  }

  .login-form button{
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      background .18s ease;
  }

  .login-form button:hover{
    transform:translateY(-2px);
    background:#092f4c;
    box-shadow:0 18px 34px rgba(14,62,97,.24);
  }

  .login-register a:hover{
    text-decoration:underline;
  }
}