/* ==============================
   RESET
============================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;

  background: #fff;

  color: #1f2937;

  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;
}

/* ==============================
   ROOT
============================== */

:root {
  --primary: #0a2a5e;
  --secondary: #2563eb;

  --text: #1f2937;

  --muted: #6b7280;

  --border: #e5e7eb;

  --background: #f8fafc;

  --white: #ffffff;

  --radius: 12px;

  --transition: 0.35s ease;
}

/* ==============================
   GLOBAL
============================== */

section {
  padding: 100px 0;
}

.container {
  width: 92%;

  max-width: 1400px;

  margin: auto;
}

img {
  width: 100%;

  display: block;
}

button {
  font-family: inherit;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

input,
textarea,
select,
button {
  outline: none;
}

::selection {
  background: var(--secondary);

  color: #fff;
}

/*=========================================
SECTION TAG
=========================================*/

.section-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;

  padding: 0.75rem 1.5rem;

  margin-bottom: 1.5rem;

  background: rgba(212, 175, 55, 0.1);

  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 999px;

  color: #d4af37;

  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;

  transition: all 0.35s ease;
}

.section-tag::before {
  content: "";

  width: 10px;
  height: 10px;

  background: #d4af37;

  border-radius: 50%;

  box-shadow: 0 0 12px rgba(212, 175, 55, 0.6);
}

.section-tag:hover {
  background: rgba(212, 175, 55, 0.18);

  border-color: #d4af37;

  transform: translateY(-3px);
}


.toast{

    position:fixed;

    top:30px;

    right:30px;

    min-width:300px;

    padding:16px 22px;

    border-radius:12px;

    color:#fff;

    font-weight:600;

    transform:translateX(420px);

    transition:.35s ease;

    z-index:10000;

    box-shadow:0 15px 35px rgba(0,0,0,.2);

}

.toast.show{

    transform:translateX(0);

}

.toast.success{

    background:#16a34a;

}

.toast.error{

    background:#dc2626;

}

.toast.info{

    background:#2563eb;

}

@media(max-width:768px){

    .toast{

        left:16px;

        right:16px;

        min-width:auto;

        width:auto;

    }

}



/*=========================================
PAGE LOADER
=========================================*/

.page-loader{

    position:fixed;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(4px);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:99999;

}

.page-loader.active{

    opacity:1;
    visibility:visible;

}

.loader-content{

    text-align:center;

}

.loader-content p{

    margin-top:20px;
    color:#374151;
    font-weight:600;

}

.loader-spinner{

    width:55px;
    height:55px;

    border:4px solid #e5e7eb;
    border-top-color:#c49b3a;

    border-radius:50%;

    animation:loaderSpin .8s linear infinite;

}

@keyframes loaderSpin{

    to{

        transform:rotate(360deg);

    }

}


input,
select,
textarea {
    font-size: 16px !important;
    padding: 12px 16px;
}