*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Poppins',sans-serif;
}

body{
  color:#333;
  position: relative;
  font-family:'Poppins',sans-serif;
  background: transparent;
}

/* ===== BREADCRUMB ===== */
.au-breadcrumb {
  background: #fffaf3;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255,122,24,0.15);
}

.breadcrumb-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #6d5b4b;
  flex-wrap: wrap;
}

.breadcrumb-list a {
  text-decoration: none;
  color: #ff7a18;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.breadcrumb-list a:hover {
  text-decoration: underline;
}

.breadcrumb-separator {
  color: #bfa48a;
  font-size: 12px;
}

.breadcrumb-current {
  color: #2c1d14;
  font-weight: 600;
}

/* MOBILE */
@media (max-width: 600px) {
  .breadcrumb-list {
    font-size: 13px;
    gap: 6px;
    /* row-gap: 6px; */
  }
}
/* WRAPPER */
/* ===========================
   AUTH WRAPPER
=========================== */
.auth-wrapper{
  min-height:70vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:50px 20px;
}

/* ===========================
   AUTH CARD
=========================== */
.auth-card{
  width:100%;
  max-width:390px;
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(12px);
  border-radius:24px;
  padding:34px 30px;
  box-shadow:
    0 10px 40px rgba(0,0,0,0.08);
  border:1px solid rgba(255,122,24,0.10);
  text-align:center;
}

/* TITLE */
.auth-card h4{
  font-size:30px;
  font-weight:700;
  margin-bottom:10px;
  color:#2c1d14;
}

/* SUBTEXT */
.auth-sub{
  color:#666;
  font-size:14px;
  line-height:1.7;
  margin-bottom:28px;
}

/* ===========================
   FORM
=========================== */
.auth-card form{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* INPUT FIELD */
.auth-field{
  height:54px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  display:flex;
  align-items:center;
  padding:0 16px;
  transition:0.3s;
}

.auth-field:hover{
  border-color:#ff7a18;
}

.auth-field:focus-within{
  border-color:#ff7a18;
  box-shadow:0 0 0 4px rgba(255,122,24,0.12);
}

.auth-field i{
  color:#ff7a18;
  font-size:16px;
  margin-right:12px;
}

.auth-field input{
  border:none;
  outline:none;
  width:100%;
  font-size:14px;
  background:transparent;
  color:#333;
  font-family:'Inter',sans-serif;
}

.auth-field input::placeholder{
  color:#999;
}

/* ===========================
   BUTTON
=========================== */
.auth-btn{
  border:none;
  height:54px;
  border-radius:14px;
  cursor:pointer;
  font-size:15px;
  font-weight:600;
  color:#fff;
  transition:0.3s ease;

  background:
  linear-gradient(135deg,#ff7a18,#ff9800);
}

.auth-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(255,122,24,0.30);
}

/* ===========================
   ERROR MESSAGE
=========================== */
.auth-card p[style]{
  margin-bottom:15px;
  font-size:14px;
}

/* ===========================
   TABLET
=========================== */
@media(max-width:768px){

  .auth-wrapper{
    min-height:auto;
    padding:40px 16px;
  }

  .auth-card{
    max-width:360px;
    padding:30px 24px;
  }

  .auth-card h4{
    font-size:26px;
  }

}

/* ===========================
   MOBILE
=========================== */
@media(max-width:480px){

  .auth-wrapper{
    padding:35px 14px;
  }

  .auth-card{
    max-width:330px;
    padding:26px 20px;
    border-radius:20px;
  }

  .auth-card h4{
    font-size:24px;
  }

  .auth-sub{
    font-size:13px;
  }

  .auth-field{
    height:50px;
  }

  .auth-btn{
    height:50px;
    font-size:14px;
  }

  
}