*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:700;min-height:100vh}#root{min-height:100vh}.home-page{background:url(/img/bg3.png) no-repeat center center fixed;background-size:cover;min-height:100vh;display:flex;justify-content:center;align-items:center}.background-overlay{width:100%;min-height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:10px}.icon-container{width:90%;max-width:1500px;max-height:700px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow-y:auto}.icon-container h1{margin-bottom:20px;font-size:clamp(1.5rem,3vw,2rem);color:#333;text-align:center}.icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:15px;width:100%;min-height:0}.icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;min-height:0;cursor:pointer;animation:pulse 8s infinite,move 9s infinite}.icon-item img{width:48px;height:48px;object-fit:contain;transition:transform .3s ease}.icon-item p{font-size:clamp(.5rem,1.2vw,.8rem);color:#444;margin-top:5px;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-item img:hover{transform:scale(1.1)}.icon-item:nth-child(1){animation-delay:0s,0s}.icon-item:nth-child(2){animation-delay:.1s,.2s}.icon-item:nth-child(3){animation-delay:.2s,.4s}.icon-item:nth-child(4){animation-delay:.3s,.6s}.icon-item:nth-child(5){animation-delay:.4s,.8s}.icon-item:nth-child(6){animation-delay:.5s,1s}.icon-item:nth-child(7){animation-delay:.6s,1.2s}.icon-item:nth-child(8){animation-delay:.7s,1.4s}.icon-item:nth-child(9){animation-delay:.8s,1.6s}.icon-item:nth-child(10){animation-delay:.9s,1.8s}.icon-item:nth-child(11){animation-delay:1s,2s}.icon-item:nth-child(12){animation-delay:1.1s,2.2s}.icon-item:nth-child(13){animation-delay:1.2s,2.4s}.icon-item:nth-child(14){animation-delay:1.3s,2.6s}.icon-item:nth-child(15){animation-delay:1.4s,2.8s}.icon-item:nth-child(16){animation-delay:1.5s,3s}.icon-item:nth-child(17){animation-delay:1.6s,3.2s}.icon-item:nth-child(18){animation-delay:1.7s,3.4s}.icon-item:nth-child(19){animation-delay:1.8s,3.6s}.icon-item:nth-child(20){animation-delay:1.9s,3.8s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes move{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.login-page{background:url(https://i.pinimg.com/736x/88/57/62/88576214d1f5ea8eb478f28eb424caf4.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh}.login-container{width:100%;max-width:400px;margin:60px auto 0;padding:40px 20px;background-color:#52719b99;border-radius:8px;color:#fff;text-align:center}.login-container h2{font-size:20px;margin-bottom:10px;letter-spacing:1px}.login-container h1{font-size:26px;margin-bottom:30px;font-weight:700}.login-icons{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.login-icons img{width:60px;height:60px;cursor:pointer;transition:transform .2s ease;border-radius:50%}.login-icons img:hover{transform:scale(1.1)}.form-group{text-align:left;margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group select,.form-group input{width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:18px;height:45px}.form-group select:focus,.form-group input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff33}.login-btn{width:100%;padding:12px;border:none;border-radius:4px;background-color:#09f;color:#fff;font-size:16px;cursor:pointer;font-weight:700;margin-top:10px}.login-btn:hover{background-color:#008ae6}.seeding{position:relative;overflow:hidden;height:200px;margin-top:30px;background-color:#fff3;border-radius:8px;padding:0 10px}.seeding ul{list-style:none;position:absolute;top:0;left:0;width:100%;margin:0;padding:0;transition:top .8s ease}.seeding li{margin:8px 0;line-height:1.4}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay.hidden{display:none}.loading-content{text-align:center;color:#fff}.progress-container{width:300px;height:20px;background-color:#ccc;border-radius:10px;overflow:hidden;margin-bottom:20px}.progress-bar{height:100%;width:0%;background-color:#00c853;transition:width .1s ease}.progress-text{font-size:18px;font-weight:700}.package-page{background-image:url(https://i.pinimg.com/736x/79/4f/8c/794f8ce84c30fd3fa5c460c0f233a9b1.jpg);background-size:cover;background-position:center;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;padding:20px}.package-page .text-center{text-align:center}.package-page h1{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.package-list{display:flex;flex-direction:column;gap:1rem}.package-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;padding:1rem;text-align:center}.fancy-frame{display:inline-block;position:relative;padding:.5rem 1rem;border:4px double #2dd393;border-radius:.5rem;background:#2dd393;color:#f5f3f3;font-weight:700;box-shadow:0 0 10px #0000004d;text-transform:uppercase;margin-bottom:.5rem}.btn-register{background-color:#a855f7;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .3s ease}.btn-register:hover{background-color:#7e22ce}.code-input-area{margin-top:.5rem}.code-input-area.hidden{display:none}.code-input-area input{border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem 1rem;margin-bottom:.5rem;color:#000;width:200px}.btn-activate{background-color:#22c55e;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .3s ease;margin-left:.5rem}.btn-activate:hover{background-color:#15803d}.pkg-progress-container{margin-top:1rem;width:100%;background-color:#d1d5db;border-radius:.25rem;overflow:hidden}.pkg-progress-container.hidden{display:none}.pkg-progress-bar{height:1rem;background-color:#22c55e;border-radius:.25rem;transition:width .1s ease}.pkg-loading-text{display:none;margin-top:.5rem;font-size:1rem;color:#4caf50;font-weight:700}.pkg-loading-text.visible{display:block}.active-page{background-image:url(https://i.pinimg.com/736x/34/84/52/3484528fb79435d441d90b46c7794cf1.jpg);background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-container{text-align:center;color:#fff}.countdown-container h1{font-size:clamp(1.2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.countdown-grid{display:flex;justify-content:center;gap:.5rem}.countdown-box{background-color:#0d9488;padding:1rem;border-radius:.5rem;min-width:70px}.countdown-box .value{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#fff}.countdown-box .label{font-size:clamp(.7rem,2vw,1.1rem);color:#fff}.alert-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:50}.alert-overlay.hidden{display:none}.alert-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000040;padding:1.5rem;max-width:24rem;text-align:center}.alert-modal img{width:8rem;height:8rem;margin:0 auto 1rem;display:block}.alert-modal h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#333}.alert-modal p{font-size:1.1rem;margin-bottom:1rem;color:#555}.alert-modal button{padding:.5rem 1rem;background-color:#e5e7eb;border:none;border-radius:.25rem;cursor:pointer;font-weight:700}.alert-modal button:hover{background-color:#d1d5db}