*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:url(/images/home.png) no-repeat center center fixed;background-size:cover;color:#fff}#loader{position:fixed;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-family:monospace;color:#0f0;text-align:center}#loader h1{font-size:22px;margin-bottom:30px}.progress-bar{width:80%;height:20px;background:#333;border-radius:8px;overflow:hidden;margin-bottom:20px}.progress-bar-fill{height:100%;width:0%;background:#0f0;animation:fillBar 3s forwards;display:flex;align-items:center;justify-content:center;font-size:14px;font-family:monospace;color:#000}@keyframes fillBar{0%{width:0%}to{width:100%}}.footer-text{font-size:14px;color:#0f0}.content-wrapper{display:none;padding:40px 20px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8)}h2{font-size:36px;margin-bottom:20px}.divider{width:80px;height:4px;background-color:gold;margin:0 auto 40px}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{width:130px;height:50px;background:#00330080;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);box-shadow:0 0 15px #ffd70099}.card-text{color:gold;font-size:18px;font-weight:700}.button{display:inline-block;padding:12px 24px;margin:10px;background-color:#1e223a;color:gold;font-weight:700;border-radius:6px;text-decoration:none;box-shadow:0 0 10px #ffd7004d;transition:background-color .3s ease}.button:hover{background-color:#2e3250}
