i.stdcode {
    font-size: 18px !important;
    line-height: 40px!important;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,50px)!important;
    transform: translate(0,50px)!important;
}
/* Optional: a bold, rounded sans for a chunky logo look */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800;900&display=swap');

:root{
  /* Tunable gold palette */
  --g1:#fff7dc;   /* highlight */
  --g2:#f8e1a6;
  --g3:#e4bb70;
  --g4:#84551b;
  --g5:#a86f3e;   /* deepest gold */
  --edge:#7b4b2b; /* stroke color */
  font-family:"Poppins", system-ui, sans-serif;
}

.gradient-btn-full {
    /* Main gold gradient */
    background: linear-gradient(180deg, var(--g1) 0%, var(--g2) 14%, var(--g3) 34%, var(--g4) 60%, var(--g5) 100%);
    /* Rich depth: multiple shadows for inner bevel + drop shadow */
    box-shadow:
    /* inner bright lip (top) */
    0 -1px 0 rgba(255,255,255,.5), 0 -2px 0 rgba(255,255,255,.25),
    /* inner dark lip (bottom) */
    0 2px 0 rgba(0,0,0,.25), 0 3px 0 rgba(0,0,0,.15),
    /* soft ambient drop */
    0 14px 22px rgba(0,0,0,.35);
    border-radius: 10px;
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 900;
    font-size: clamp(48px, 12vw, 160px);
    font-size: 24px;
    line-height: 1;
    letter-spacing: .05em;
    /* Rich depth: multiple shadows for inner bevel + drop shadow */
    text-shadow:
    /* inner bright lip (top) */
    0 -1px 0 rgba(255,255,255,.5), 0 -2px 0 rgba(255,255,255,.25),
    /* inner dark lip (bottom) */
    0 2px 0 rgba(0,0,0,.25), 0 3px 0 rgba(0,0,0,.15),
    /* soft ambient drop */
    0 14px 22px rgba(0,0,0,.35);
    /* Optional: gentle 3D lift on hover */
    transition: transform .2s ease, text-shadow .2s ease;
}
.login-card {
  
   /* Main gold gradient */      
   background: linear-gradient(317deg, var(--g1) 0%, var(--g2) 14%, var(--g3) 34%, var(--g4) 60%, var(--g5) 100%);border-radius: 20px;
    /* Rich depth: multiple shadows for inner bevel + drop shadow */
    box-shadow:
    /* inner bright lip (top) */
    0 -1px 0 rgba(255,255,255,.5), 0 -2px 0 rgba(255,255,255,.25),
    /* inner dark lip (bottom) */
    0 2px 0 rgba(0,0,0,.25), 0 3px 0 rgba(0,0,0,.15),
    /* soft ambient drop */
    0 14px 22px rgba(0,0,0,.35);
    border-radius: 10px;
}

.grtxt{
  font-family:"Poppins", system-ui, sans-serif;
  font-weight:600;
  font-size: 26px;
  line-height:1;
  letter-spacing:.02em;

  /* Main gold gradient */
  background:
    linear-gradient(180deg,
      var(--g1) 0%,
      var(--g2) 14%,
      var(--g3) 34%,
      var(--g4) 60%,
      var(--g5) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;

  /* Subtle bevel/highlight using extra layered gradients */
  position:relative;
  /* fine outline like the logo’s rim */
  /*-webkit-text-stroke: 1px color-mix(in srgb, var(--edge) 80%, #000 20%);*/

  /* Rich depth: multiple shadows for inner bevel + drop shadow */
  text-shadow:
    /* inner bright lip (top) */
    0 -1px 0 rgba(255,255,255,.5),
    0 -2px 0 rgba(255,255,255,.25),
    /* inner dark lip (bottom) */
    0 2px 0 rgba(0,0,0,.25),
    0 3px 0 rgba(0,0,0,.15),
    /* soft ambient drop */
    0 14px 22px rgba(0,0,0,.35);

  /* Optional: gentle 3D lift on hover */
  transition: transform .2s ease, text-shadow .2s ease;
}
/*.grtxt:hover{
  transform: translateY(-2px);
  text-shadow:
    0 -1px 0 rgba(255,255,255,.55),
    0 3px 0 rgba(0,0,0,.25),
    0 18px 26px rgba(0,0,0,.45);
}*/


            /*.grtxt {
                font-size: 32px;
                font-weight: bolder;
                background: -webkit-linear-gradient(#eac147, #d58207);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }*/


            
        .offcanvas {
            background-color: #000000;
        }
            .offcanvas p {
                font-family: "Poppins", system-ui, sans-serif;
                font-weight: 600;
                font-size: 16px;
                line-height: 1;
                letter-spacing: .02em;
                /* Main gold gradient */
                background: linear-gradient(180deg, var(--g1) 0%, var(--g2) 14%, var(--g3) 34%, var(--g4) 60%, var(--g5) 100%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                /* Subtle bevel/highlight using extra layered gradients */
                position: relative;
                /* fine outline like the logo’s rim */
                /*-webkit-text-stroke: 1px color-mix(in srgb, var(--edge) 80%, #000 20%);*/
                /* Rich depth: multiple shadows for inner bevel + drop shadow */
                text-shadow:
                /* inner bright lip (top) */
                0 -1px 0 rgba(255,255,255,.5), 0 -2px 0 rgba(255,255,255,.25),
                /* inner dark lip (bottom) */
                0 2px 0 rgba(0,0,0,.25), 0 3px 0 rgba(0,0,0,.15),
                /* soft ambient drop */
                0 14px 22px rgba(0,0,0,.35);
                /* Optional: gentle 3D lift on hover */
                transition: transform .2s ease, text-shadow .2s ease;
                /*font-size: 14px;
                font-weight: bolder;
                background: -webkit-linear-gradient(#eac147, #d58207);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;*/
            }