html {
    font-size: 14px;
  }
  
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
  
  .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
  }
  
  html {
    position: relative;
    min-height: 100%;
  }
  
  html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal scrolling */
  }
  
  
  
  
  body {
    margin-bottom: 60px;
  
  
    margin: 0;
    min-height: 100vh;
    background: linear-gradient(135deg, #0a0a0a, #1a1a1a 75%, #5c471a 100%);
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
  }
  body::after {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.02); /* tiny light noise */
    pointer-events: none;
  }
  
  
  
  .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
  }
  
  .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
  }
  
  .fade-in-text {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease forwards;
    animation-delay: 0.3s; /* stagger for multiple elements */
  }
  
  @keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
  }
  
  @keyframes pulseGlow {
    0% {
      filter: 
        drop-shadow(0 0 15px rgba(255,255,255,0.4))
        drop-shadow(0 0 30px rgba(255,255,255,0.3))
        drop-shadow(0 0 45px rgba(255,255,255,0.2));
    }
    50% {
      filter: 
        drop-shadow(0 0 25px rgba(255,255,255,0.6))
        drop-shadow(0 0 50px rgba(255,255,255,0.4))
        drop-shadow(0 0 75px rgba(255,255,255,0.2));
    }
    100% {
      filter: 
        drop-shadow(0 0 15px rgba(255,255,255,0.4))
        drop-shadow(0 0 30px rgba(255,255,255,0.3))
        drop-shadow(0 0 45px rgba(255,255,255,0.2));
    }
  }
  
  /* Apply animation to your image */
  .your-coin-image {
    animation: pulseGlow 2s infinite ease-in-out;
  }
  
  .image-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 51px;            /* box width */
    height: 51px;           /* box height */
    border: 2px solid white;
    border-radius: 8px;     /* small corners */
    padding: 0;             /* remove padding to fit small box */
    overflow: hidden;       /* ensures image doesn't overflow */
  }
  
  .image-box img {
    display: block;
    width: 100%;           /* make image fit inside box */
    height: 100%;          /* make image fit inside box */
    object-fit: contain;   /* preserves aspect ratio */
  }
  
  
  .mill-icon {
    position: relative;
    top: 4px; /* adjust value until it aligns visually */
  }