.halo-page{color:#fff;background-color:#99c;min-height:100vh;font-family:Poppins,sans-serif}.halo-content{flex-direction:column;align-items:center;padding:40px 20px;display:flex}.halo-logo-container{width:360px;height:280px;margin-bottom:20px}.halo-logo{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.halo-vol-container{width:230px;height:56px;margin-bottom:40px}.halo-vol{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.halo-verify-form{width:100%;max-width:500px;margin-bottom:20px;position:relative}.halo-input{color:#514f4f;background:#fff;border:3px solid #5e83e5;border-radius:10px;outline:none;width:100%;height:55px;padding:5px 130px 5px 20px;font-family:Poppins,sans-serif;font-size:14px}.halo-input::placeholder{color:#999;text-transform:uppercase}.halo-verify-btn{color:#fff;cursor:pointer;background:#dd2926;border:none;border-radius:7px;width:110px;height:43px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:background .3s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.halo-verify-btn:hover{transform:translateY(-50%)scale(.95)}.halo-verify-btn:disabled{opacity:.7;cursor:not-allowed}.halo-instagram-container{margin:20px 0}.halo-instagram{width:50px;height:50px;transition:transform .3s}.halo-instagram:hover{transform:scale(1.1)}.halo-flavors-banner{width:100%;max-width:800px;margin:30px 0}.halo-new-flavors{width:100%;height:auto}.halo-carousel{justify-content:center;align-items:center;width:100%;max-width:950px;margin:50px auto;display:flex;position:relative}.halo-carousel-viewport{width:840px;margin:0 auto;overflow:hidden}.halo-carousel-track{will-change:transform;display:flex}.halo-carousel-slide{box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:280px;margin:0;padding:0;display:flex}.halo-flavor-image{width:auto;height:300px}.halo-drop-image{width:160px;height:auto;margin-top:15px}.halo-carousel-arrow{cursor:pointer;z-index:10;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.halo-carousel-arrow img{width:25px;height:50px}.halo-arrow-left{margin-right:10px}.halo-arrow-right{margin-left:10px}.halo-arrow-right img{transform:rotate(180deg)}.halo-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.halo-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 30px;position:relative}.halo-modal-x{color:#00000080;cursor:pointer;background:0 0;border:none;width:30px;height:30px;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}.halo-modal-x:hover{color:#000}.halo-checkmark{width:85px;height:auto;margin:0 auto 15px;display:block}.halo-modal h2{color:#000;margin:0 0 10px;font-size:24px;font-weight:700}.halo-modal p{color:#333;margin:0;font-size:16px}.halo-serial{color:#000;font-size:18px;font-weight:500}.halo-modal-logo{max-width:180px;height:auto;margin:20px auto;display:block}.halo-modal-error h2{color:#ff6b6b}.halo-error-icon{color:#fff;background:#ff6b6b;border-radius:50%;width:70px;height:70px;margin:0 auto 15px;font-size:40px;line-height:70px}@media (max-width:768px){.halo-logo-container{width:280px;height:220px}.halo-vol-container{width:180px;height:45px}.halo-verify-form{max-width:100%;padding:0 15px}.halo-carousel-viewport{width:560px}.halo-carousel-slide{width:280px}.halo-flavor-image{height:200px}.halo-drop-image{width:130px}}@media (max-width:600px){.halo-verify-form{padding:0 15px}.halo-verify-btn{width:100px;height:41px;right:21px}.halo-input{padding-right:120px}.halo-carousel-viewport{width:220px}.halo-carousel-slide{width:220px;margin:0;padding:0}.halo-flavor-image{height:200px}.halo-drop-image{width:130px}.halo-carousel-arrow{width:40px}.halo-carousel-arrow img{width:20px;height:40px}}@media (max-width:480px){.halo-logo-container{width:220px;height:170px}.halo-vol-container{width:150px;height:36px}.halo-verify-form{padding:0 15px}.halo-verify-btn{width:90px;height:40px;font-size:13px;right:21px}.halo-input{padding-right:110px}.halo-modal{width:95%}.halo-carousel-viewport{width:200px}.halo-carousel-slide{width:200px;margin:0;padding:0}.halo-flavor-image{height:180px}.halo-drop-image{width:110px}.halo-carousel-arrow{width:30px}.halo-carousel-arrow img{width:18px;height:36px}}