@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);body{display:flex;justify-content:center;align-items:flex-start;height:100vh;margin:0;background-color:#0a1d37;color:#fff;font-family:Poppins,sans-serif;padding:20px 0;overflow:hidden}.god-rays{position:fixed;top:0;left:0;width:100%;height:550px;--stripes:repeating-linear-gradient(
    100deg,
    rgba(20, 40, 60, 0.8) 0%,
    rgba(20, 40, 60, 0.8) 7%,
    transparent 10%,
    transparent 12%,
    rgba(20, 40, 60, 0.8) 16%
  );--rays:repeating-linear-gradient(
    100deg,
    rgba(30, 50, 90, 0.9) 10%,
    rgba(20, 40, 80, 0.9) 15%,
    rgba(30, 50, 90, 0.9) 20%,
    rgba(20, 40, 80, 0.9) 25%,
    rgba(30, 50, 90, 0.9) 30%
  );background-image:var(--stripes),var(--rays);background-size:300%,200%;background-position:50% 50%,50% 50%;animation:2s fadeIn;mask-image:radial-gradient(ellipse at 100% 0%,rgba(255,255,255,0) 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,white 40%,transparent 70%);pointer-events:none;z-index:-1}.god-rays::after{content:'';position:absolute;inset:0;background-image:var(--stripes),var(--rays);background-size:200%,100%;animation:40s linear infinite god-rays;background-attachment:fixed;mix-blend-mode:difference}h1{font-size:22px;font-weight:600;margin-bottom:16px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 10px rgba(255,255,255,.15);width:100%;text-align:center}.image-shuffler{display:flex;flex-direction:column;align-items:center;width:60%;max-width:800px;border-radius:12px;background-color:#0a1d37;padding:14px;position:relative;box-shadow:0 12px 35px rgba(255,255,255,.2);margin:0 auto;border:2px solid #fff}.carousel-container{position:relative;width:100%;overflow:hidden}.carousel-track{display:flex;transition:transform .5s;gap:8px;align-items:center}.carousel-item{flex:0 0 auto;cursor:pointer;transition:.3s;border-radius:8px;overflow:hidden;position:relative;width:120px;height:80px}.carousel-item:hover{transform:scale(1.05);z-index:2;box-shadow:0 8px 20px rgba(255,255,255,.3)}.image{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform .3s,box-shadow .3s,filter .3s}.carousel-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(10,29,55,.8));color:#fff;padding:6px 0;border-radius:0 0 8px 8px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.5px;box-shadow:0 3px 8px rgba(255,255,255,.1);opacity:0;transition:opacity .3s ease-in-out}.carousel-item:hover .carousel-item-overlay{opacity:1}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(10,29,55,.7);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;z-index:3}.carousel-btn:hover{background:rgba(10,29,55,.9);transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:0}.carousel-btn-next{right:0}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:.3s}.carousel-dot.active{background:#fff;transform:scale(1.2)}.welcome-section{position:absolute;top:50%;left:10%;transform:translateY(-50%);color:#fff;text-align:left;font-family:Poppins,sans-serif;z-index:10}.welcome-section h2{font-size:40px;font-weight:700;margin-bottom:10px;color:#fff;text-shadow:0 4px 10px rgba(255,255,255,.2)}.welcome-section p{font-size:18px;font-weight:400;color:#dcdcdc;margin-bottom:20px}.start-btn{padding:10px 25px}.shiny-btn{position:relative;margin:0;outline:0;text-decoration:none;display:flex;justify-content:center;align-items:center;cursor:pointer;text-transform:uppercase;background-color:#3c5b8e;border-radius:10px;color:#fff;font-weight:400;font-family:inherit;z-index:0;overflow:hidden;transition:.3s cubic-bezier(.02, .01, .47, 1)}.shiny-btn:hover{background-color:#2a3c5f;transform:scale(1.05);box-shadow:0 5px 12px rgba(255,255,255,.4);animation:.7s ease-in-out both rotate624}.shiny-btn span{color:#fff;font-size:14px;font-weight:500;letter-spacing:.7px;z-index:20}.shiny-btn:after{background:#fff;content:'';height:155px;left:-75px;opacity:.4;position:absolute;top:-50px;transform:rotate(35deg);transition:550ms cubic-bezier(.19, 1, .22, 1);width:50px;z-index:-10}.shiny-btn:hover span{animation:.7s ease-in-out 60ms both storm1261}.shiny-btn:hover:after{left:120%;transition:550ms cubic-bezier(.19, 1, .22, 1)}@keyframes rotate624{0%,100%{transform:rotate(0) translate3d(0,0,0)}25%{transform:rotate(3deg) translate3d(0,0,0)}50%{transform:rotate(-3deg) translate3d(0,0,0)}75%{transform:rotate(1deg) translate3d(0,0,0)}}@keyframes storm1261{0%,100%{transform:translate3d(0,0,0) translateZ(0)}25%{transform:translate3d(4px,0,0) translateZ(0)}50%{transform:translate3d(-3px,0,0) translateZ(0)}75%{transform:translate3d(2px,0,0) translateZ(0)}}.large-image-container{position:absolute;top:30%;right:200px;transform:translateY(-50%);text-align:center;z-index:5;padding:20px;border-radius:12px;background:rgba(0,0,0,.5);box-shadow:0 15px 30px rgba(0,0,0,.6);animation:.8s ease-out .4s forwards slideInFromRight;opacity:0;cursor:pointer}.large-image-container:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 20px 50px rgba(0,0,0,.8)}.large-image{height:200px;width:auto;border:5px solid #fff;border-radius:12px;box-shadow:0 12px 35px rgba(255,255,255,.3);transition:transform .3s,box-shadow .3s}.large-image:hover{transform:scale(1.1);box-shadow:0 15px 40px rgba(255,255,255,.6)}.large-image-caption{margin-top:10px;color:#fff;font-weight:600;font-size:18px;background:rgba(10,29,55,.8);padding:8px;border-radius:8px}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#1e1e2d;padding:20px;border-radius:10px;width:300px;z-index:11;text-align:center;color:#fff;position:relative}.popup h2{font-size:24px;margin-bottom:15px}.popup p{font-size:16px;margin-bottom:20px}.discord-btn{display:flex;padding:10px 20px;justify-content:center;align-items:center;color:#fff;text-decoration:none;border-radius:8px;transition:background-color .3s}.close-btn{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#fff;background-color:red;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.info-box{position:fixed;bottom:20px;left:20px;background-color:#1e1e2d;color:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 4px 12px rgba(255,255,255,.2);z-index:999;font-size:12px;width:103px}.info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}#battery-display{display:flex;align-items:center}#fps{font-size:12px}.discord-btn-two{display:block;background-color:#3c5b8e;padding:6px;color:#fff;text-decoration:none;border-radius:6px;margin-top:8px;text-align:center;transition:background-color .3s;font-size:12px}.discord-btn-two:hover{background-color:#5b6e8e}.battery-container{display:inline-flex;align-items:center;margin-right:5px;vertical-align:middle}.battery-icon{font-size:16px}.battery-low{color:#f44336}.battery-medium{color:#ff9800}.battery-good{color:#ffeb3b}.battery-full{color:#4caf50}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromRight{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}.welcome-section{animation:.6s ease-out forwards fadeIn}.image-shuffler{animation:.7s ease-out .2s forwards slideInUp;opacity:0}.info-box{animation:.6s ease-out .6s forwards fadeIn;opacity:0}.social-media-icon-container{background-color:#112c69;display:flex;justify-content:center;align-items:center;height:30px;width:30px;margin:15px 4px 4px;border-radius:8px;transition:.3s}.social-media-icon-container-2{background-color:#112c69;display:flex;justify-content:center;align-items:center;height:50px;width:50px;margin:15px 8px 8px;border-radius:8px;transition:.3s}.social-media-tray{display:flex}body:not(.loaded) .image-shuffler,body:not(.loaded) .info-box,body:not(.loaded) .large-image-container,body:not(.loaded) .welcome-section{animation-play-state:running}