/* ─────────────────────────────────────────────
   SHREE CLASSES • Login component layer
   ───────────────────────────────────────────── */

/*  brand orange scale (CSS use)  */
:root{
  --orange-50 : #FFF4EC;
  --orange-100: #FFE4D0;
  --orange-200: #FFC9A1;
  --orange-300: #FFA96D;
  --orange-400: #FF8A3A;
  --orange-500: #E96405;      /* ← hero now fades only up to here */
  --orange-600: #C45002;
  --orange-700: #A04502;
  --orange-800: #7C3501;
  --orange-900: #4F2000;
  --orange-950: #341400;
}

/* left panel gradient – lighter */
.login-left{
  background:linear-gradient(135deg,var(--orange-400),var(--orange-500));
}

/* decorative bubbles – subtler */
.bubble{
  position:absolute;border-radius:9999px;opacity:.08;
  background:#fff;filter:blur(5px);
}
.bubble.xl{width:220px;height:220px;top:-40px;left:-40px;}
.bubble.md{width:130px;height:130px;bottom:-35px;right:-35px;}

/* form atoms */
.label{
  display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:600;
  color:#64748B;              /* slate‑500 */
}

.field{
  width:100%;padding:.7rem 1rem;background:#fff;          /* ← pure white */
  border:1px solid var(--orange-100);border-radius:.75rem;font-size:1rem;
  transition:border-color .22s,box-shadow .22s;
}
.field:focus{
  outline:none;border-color:var(--orange-500);
  box-shadow:0 0 0 2px rgba(233,100,5,.25);
}

/* checkbox tint */
input[type="checkbox"]:checked{
  background-color:var(--orange-500);border-color:var(--orange-500);
}

/* slide‑in animations */
@keyframes slide-in-left  {from{opacity:0;transform:translateX(-40px)}to{opacity:1}}
@keyframes slide-in-right {from{opacity:0;transform:translateX( 40px)}to{opacity:1}}
@keyframes slide-in-up    {from{opacity:0;transform:translateY( 40px)}to{opacity:1}}

.animate-slide-in-left  {animation:slide-in-left  .6s both ease-out;}
.animate-slide-in-right {animation:slide-in-right .6s both ease-out;}
.animate-slide-in-up    {animation:slide-in-up    .6s both ease-out;}

/* mobile polish */
@media(max-width:640px){
  body{background:var(--orange-50);}           /* soft sheet behind card      */
  main{margin:.75rem;}                         /* breathing‑room all sides    */
  .login-left{border-radius:1.25rem 1.25rem 0 0;}
}