/* 07-login.css
   Extracted from the approved La Laguna commercial demo. Keep order in index.html. */

#loginView{
      min-height:100vh!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      padding:clamp(18px,4vw,34px)!important;
      background:
        radial-gradient(circle at 50% -10%, rgba(200,169,106,.20), transparent 32%),
        radial-gradient(circle at 12% 18%, rgba(15,23,42,.08), transparent 30%),
        linear-gradient(180deg,#F8FAFC 0%,#F1F5F9 100%)!important;
      color:#0F172A!important;
      font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    }
    .dark #loginView{background:radial-gradient(circle at 50% -10%, rgba(200,169,106,.18), transparent 34%),linear-gradient(180deg,#0B0B0C 0%,#111827 100%)!important;color:#F8FAFC!important;}
    .le-login-card-129{
      position:relative;
      width:min(100%,440px);
      background:rgba(255,255,255,.94);
      border:1px solid rgba(226,232,240,.95);
      border-radius:1.45rem;
      padding:2.45rem 2.25rem;
      text-align:center;
      box-shadow:0 28px 70px -42px rgba(2,6,23,.55),0 12px 30px -24px rgba(2,6,23,.35);
      overflow:hidden;
      animation:leLogin129In .48s cubic-bezier(.16,1,.3,1) both;
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
    }
    .dark .le-login-card-129{background:rgba(20,20,22,.92);border-color:rgba(63,63,70,.86);}
    .le-login-card-129:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#006847,#FFFFFF,#CE1126,#C8A96A);}
    .le-login-icon-129{width:4.15rem;height:4.15rem;margin:0 auto 1.35rem;border-radius:1.05rem;background:linear-gradient(135deg,#0F172A,#1E293B);color:#C8A96A;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px -20px rgba(15,23,42,.8);}
    .le-login-title-129{font-size:clamp(1.75rem,6vw,2.05rem);line-height:1.06;font-weight:900;letter-spacing:-.045em;color:#0F172A;margin:0 0 .55rem;text-transform:uppercase;}
    .dark .le-login-title-129{color:#FAFAFA;}
    .le-login-subtitle-129{font-size:.92rem;line-height:1.55;color:#64748B;font-weight:600;margin:0 auto .75rem;max-width:23rem;}
    .dark .le-login-subtitle-129{color:#A1A1AA;}
    .le-login-tagline-129{font-size:.78rem;line-height:1.45;color:#D97706;font-weight:800;font-style:italic;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;background:#F8FAFC;border-radius:.85rem;padding:.72rem .85rem;margin:0 0 1.65rem;}
    .dark .le-login-tagline-129{background:rgba(255,255,255,.04);border-color:#27272A;color:#FBBF24;}
    .le-login-form-129{text-align:left;display:grid;gap:1rem;}
    .le-login-label-129{display:block;font-size:.76rem;line-height:1.2;color:#475569;font-weight:900;letter-spacing:.075em;text-transform:uppercase;margin:0 0 .45rem;}
    .dark .le-login-label-129{color:#D4D4D8;}
    .le-login-select-129{width:100%;min-height:48px;border:1px solid #CBD5E1;border-radius:.82rem;background:#F8FAFC;color:#0F172A;padding:.75rem 1rem;font-size:.91rem;font-weight:800;outline:none;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
    .le-login-select-129:focus{border-color:#0F172A;box-shadow:0 0 0 4px rgba(15,23,42,.08);background:#FFFFFF;}
    .dark .le-login-select-129{background:#18181B;border-color:#3F3F46;color:#FAFAFA;}
    .le-login-primary-129{width:100%;min-height:50px;border-radius:.82rem;background:#0F172A;color:#FFFFFF;border:1px solid #0F172A;font-size:.88rem;font-weight:900;letter-spacing:.035em;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 16px 32px -22px rgba(15,23,42,.9);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;}
    .le-login-primary-129:hover{background:#1E293B;transform:translateY(-1px);box-shadow:0 20px 36px -24px rgba(15,23,42,.88);}
    .le-login-primary-129:active,.le-login-demo-129:active{transform:scale(.985)!important;}
    .le-login-divider-129{height:1px;background:#E2E8F0;margin:.15rem 0 .05rem;}
    .dark .le-login-divider-129{background:#27272A;}
    .le-login-demo-129{margin:0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border:0;background:transparent;color:#D97706;font-size:.86rem;font-weight:900;transition:color .18s ease,transform .18s ease;}
    .le-login-demo-129:hover{color:#B45309;transform:translateY(-1px);}
    .le-login-foot-129{margin-top:1.1rem;font-size:.68rem;color:#94A3B8;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.13em;}
    @keyframes leLogin129In{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
    @media (max-width:520px){.le-login-card-129{padding:2rem 1.25rem;border-radius:1.25rem}.le-login-title-129{font-size:1.7rem}.le-login-subtitle-129{font-size:.86rem}.le-login-tagline-129{font-size:.74rem}}