body {
            font-family: Arial, sans-serif;
            background-color: #181f2a;
            color: #222;
            margin: 0;
            padding: 0;
            min-height: 100vh;
            position: relative;
            z-index: 0;
        }
        .container {
            max-width: 840px;
            margin: 40px auto 0 auto;
            background-color: rgba(255,255,255,0.95);
            border-radius: 12px;
            padding: 36px 28px 34px 28px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.07);
            position: relative;
            z-index: 1;
        }
        h1 {
            color: #007bff;
            margin-bottom: 14px;
            font-size: 2.1em;
        }
        .subtitle {
            color: #555;
            margin-bottom: 32px;
            font-size: 1.19em;
        }
        .section {
            margin-bottom: 35px;
            text-align: left;
        }
        .section h2 {
            color: #0066cc;
            font-size: 1.21em;
            margin-bottom: 7px;
        }
        .section p {
            font-size: 1.07em;
            margin-bottom: 10px;
        }
        .cta-button {
            display: inline-block;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            padding: 11px 25px;
            border-radius: 5px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 4px;
            font-size: 1.05em;
            transition: background 0.2s;
        }
        .cta-button:hover {
            background-color: #0056b3;
        }
        footer {
            margin: 40px auto 0 auto;
            max-width: 840px;
            background: #f7f7fa;
            color: #555;
            border-top: 1px solid #e5e5e5;
            border-radius: 0 0 12px 12px;
            padding: 22px 18px 15px 18px;
            font-size: 1em;
            text-align: left;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
            position: relative;
            z-index: 1;
        }
        .footer-title {
            font-weight: bold;
            color: #007bff;
            margin-bottom: 7px;
        }
        .footer-line {
            margin: 2px 0;
        }
        @media (max-width: 650px) {
            .container, footer { padding: 20px 7px; }
            .container { margin-top: 12px; }
            footer { margin-top: 18px; }
        }


        @keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #3E1E68;
    overflow: hidden;
}

.background span {
    width: 10vmin;
    height: 10vmin;
    border-radius: 10vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 32;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #ffadb1;
    top: 11%;
    left: 26%;
    animation-duration: 180s;
    animation-delay: -157s;
    transform-origin: 6vw 15vh;
    box-shadow: -20vmin 0 2.92493155528221vmin currentColor;
}
.background span:nth-child(1) {
    color: #ffadb1;
    top: 8%;
    left: 43%;
    animation-duration: 128s;
    animation-delay: -6s;
    transform-origin: 8vw 17vh;
    box-shadow: -20vmin 0 2.880984910712931vmin currentColor;
}
.background span:nth-child(2) {
    color: #864e3c;
    top: 14%;
    left: 70%;
    animation-duration: 116s;
    animation-delay: -125s;
    transform-origin: 25vw 0vh;
    box-shadow: -20vmin 0 2.823788740040338vmin currentColor;
}
.background span:nth-child(3) {
    color: #ffadb1;
    top: 37%;
    left: 25%;
    animation-duration: 142s;
    animation-delay: -47s;
    transform-origin: -15vw 24vh;
    box-shadow: 20vmin 0 2.8106847176911613vmin currentColor;
}
.background span:nth-child(4) {
    color: #e4cd58;
    top: 55%;
    left: 91%;
    animation-duration: 72s;
    animation-delay: -96s;
    transform-origin: 10vw 25vh;
    box-shadow: -20vmin 0 3.467277851721527vmin currentColor;
}
.background span:nth-child(5) {
    color: #864e3c;
    top: 68%;
    left: 85%;
    animation-duration: 26s;
    animation-delay: -122s;
    transform-origin: 6vw -12vh;
    box-shadow: -20vmin 0 3.3384348196594082vmin currentColor;
}
.background span:nth-child(6) {
    color: #e4cd58;
    top: 83%;
    left: 35%;
    animation-duration: 99s;
    animation-delay: -132s;
    transform-origin: -16vw 24vh;
    box-shadow: -20vmin 0 2.831379121603546vmin currentColor;
}
.background span:nth-child(7) {
    color: #ffadb1;
    top: 20%;
    left: 85%;
    animation-duration: 52s;
    animation-delay: -64s;
    transform-origin: 22vw -12vh;
    box-shadow: -20vmin 0 3.0351835818807276vmin currentColor;
}
.background span:nth-child(8) {
    color: #ffadb1;
    top: 84%;
    left: 39%;
    animation-duration: 150s;
    animation-delay: -75s;
    transform-origin: 18vw -7vh;
    box-shadow: 20vmin 0 3.151949066184951vmin currentColor;
}
.background span:nth-child(9) {
    color: #ffadb1;
    top: 11%;
    left: 17%;
    animation-duration: 179s;
    animation-delay: -126s;
    transform-origin: -24vw 18vh;
    box-shadow: -20vmin 0 3.2352357392776803vmin currentColor;
}
.background span:nth-child(10) {
    color: #ffadb1;
    top: 15%;
    left: 57%;
    animation-duration: 56s;
    animation-delay: -79s;
    transform-origin: 25vw 24vh;
    box-shadow: 20vmin 0 3.4881227793690166vmin currentColor;
}
.background span:nth-child(11) {
    color: #864e3c;
    top: 66%;
    left: 41%;
    animation-duration: 75s;
    animation-delay: -91s;
    transform-origin: 21vw 5vh;
    box-shadow: -20vmin 0 3.4318716011836683vmin currentColor;
}
.background span:nth-child(12) {
    color: #864e3c;
    top: 51%;
    left: 84%;
    animation-duration: 93s;
    animation-delay: -111s;
    transform-origin: 22vw -17vh;
    box-shadow: -20vmin 0 3.1289787766920094vmin currentColor;
}
.background span:nth-child(13) {
    color: #864e3c;
    top: 19%;
    left: 85%;
    animation-duration: 9s;
    animation-delay: -168s;
    transform-origin: 5vw -3vh;
    box-shadow: 20vmin 0 3.200701030322929vmin currentColor;
}
.background span:nth-child(14) {
    color: #e4cd58;
    top: 19%;
    left: 42%;
    animation-duration: 170s;
    animation-delay: -164s;
    transform-origin: 10vw -6vh;
    box-shadow: -20vmin 0 2.7258935974154457vmin currentColor;
}
.background span:nth-child(15) {
    color: #e4cd58;
    top: 8%;
    left: 86%;
    animation-duration: 19s;
    animation-delay: -118s;
    transform-origin: 4vw -3vh;
    box-shadow: 20vmin 0 2.6314706622134105vmin currentColor;
}
.background span:nth-child(16) {
    color: #864e3c;
    top: 23%;
    left: 76%;
    animation-duration: 105s;
    animation-delay: -88s;
    transform-origin: -21vw -21vh;
    box-shadow: -20vmin 0 2.992728173506102vmin currentColor;
}
.background span:nth-child(17) {
    color: #864e3c;
    top: 1%;
    left: 63%;
    animation-duration: 184s;
    animation-delay: -121s;
    transform-origin: 21vw -12vh;
    box-shadow: 20vmin 0 3.473205707556536vmin currentColor;
}
.background span:nth-child(18) {
    color: #864e3c;
    top: 88%;
    left: 33%;
    animation-duration: 79s;
    animation-delay: -105s;
    transform-origin: 16vw -12vh;
    box-shadow: 20vmin 0 3.4846946089190984vmin currentColor;
}
.background span:nth-child(19) {
    color: #864e3c;
    top: 16%;
    left: 32%;
    animation-duration: 176s;
    animation-delay: -116s;
    transform-origin: 20vw 7vh;
    box-shadow: -20vmin 0 3.491119113776535vmin currentColor;
}
.background span:nth-child(20) {
    color: #864e3c;
    top: 61%;
    left: 19%;
    animation-duration: 61s;
    animation-delay: -175s;
    transform-origin: 24vw 14vh;
    box-shadow: -20vmin 0 3.376645786757356vmin currentColor;
}
.background span:nth-child(21) {
    color: #864e3c;
    top: 29%;
    left: 60%;
    animation-duration: 52s;
    animation-delay: -66s;
    transform-origin: 20vw 16vh;
    box-shadow: 20vmin 0 3.147359794016857vmin currentColor;
}
.background span:nth-child(22) {
    color: #864e3c;
    top: 7%;
    left: 46%;
    animation-duration: 121s;
    animation-delay: -166s;
    transform-origin: 14vw 14vh;
    box-shadow: -20vmin 0 3.1883192897623056vmin currentColor;
}
.background span:nth-child(23) {
    color: #ffadb1;
    top: 53%;
    left: 35%;
    animation-duration: 62s;
    animation-delay: -115s;
    transform-origin: -16vw 6vh;
    box-shadow: -20vmin 0 2.994420980151662vmin currentColor;
}
.background span:nth-child(24) {
    color: #ffadb1;
    top: 94%;
    left: 13%;
    animation-duration: 109s;
    animation-delay: -140s;
    transform-origin: 10vw -7vh;
    box-shadow: -20vmin 0 2.975564545700415vmin currentColor;
}
.background span:nth-child(25) {
    color: #ffadb1;
    top: 2%;
    left: 11%;
    animation-duration: 21s;
    animation-delay: -81s;
    transform-origin: 23vw -2vh;
    box-shadow: -20vmin 0 2.9292455834051645vmin currentColor;
}
.background span:nth-child(26) {
    color: #864e3c;
    top: 34%;
    left: 13%;
    animation-duration: 84s;
    animation-delay: -138s;
    transform-origin: -14vw 23vh;
    box-shadow: 20vmin 0 3.229132352747604vmin currentColor;
}
body {
      font-family: Arial, sans-serif;
      background-color: #f3f6fa;
      color: #222;
      padding: 20px;
      line-height: 1.6;
    }
    h1, h2 {
      color: #2a5d9f;
    }
    code {
      background-color: #e8edf5;
      padding: 2px 5px;
      border-radius: 4px;
      font-size: 1em;
    }
    .box {
      background: #fff;
      border-left: 6px solid #2a5d9f;
      padding: 15px;
      margin: 20px 0;
      box-shadow: 0 0 8px rgba(0,0,0,0.05);
    }
    a.button {
      display: inline-block;
      padding: 10px 20px;
      margin-top: 15px;
      background-color: #2a5d9f;
      color: white;
      text-decoration: none;
      border-radius: 5px;
    }
    a.button:hover {
      background-color: #1f4a7d;
    }body {
      font-family: "Segoe UI", sans-serif;
      background-color: #f4f7fb;
      color: #222;
      padding: 20px;
      line-height: 1.6;
      max-width: 800px;
      margin: auto;
    }
    h1 {
      color: #2a5d9f;
      text-align: center;
    }
    img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 20px auto;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .cta {
      display: block;
      width: fit-content;
      margin: 20px auto;
      padding: 12px 25px;
      background-color: #2a5d9f;
      color: white;
      text-decoration: none;
      font-size: 1.2em;
      border-radius: 6px;
      transition: background 0.3s;
    }
    .cta:hover {
      background-color: #1f487c;
    }
    ul {
      list-style: "✅ ";
      padding-left: 1.2em;
    }
    .note {
      font-size: 0.9em;
      color: #666;
      text-align: center;
      margin-top: 30px;
    }.home-button { display: inline-block; margin-bottom: 20px; padding: 8px 15px; background-color: #007bff; color: #fff; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background 0.2s; } .home-button:hover { background-color: #0056b3; }