@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);
*{margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;font-family:"Poppins",sans-serif}body{margin:0;width:192rem;height:108rem;font-family:cairo-reqular;background:rgba(0,0,0,0);overflow:hidden;font-family:"Poppins",sans-serif}#root{position:fixed;top:0;left:0;background:rgba(0,0,0,0);width:192rem;height:108rem}.app-background{position:fixed;width:100.2%;height:100.2%;margin:-1px;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:contain}.app-background-android{position:fixed;width:100%;height:100%;margin:0;z-index:-1}.bg-icon{width:3rem;height:3rem;background-size:contain;background-repeat:no-repeat;background-position:center}.bg-icon.plus{background-image:url(/assets/icons/favw.png)}.bg-icon.add-playlist{background-image:url(/assets/icons/add-playlist.png)}.bg-icon.backspace{background-image:url(/assets/icons/backspace-white.png)}.bg-icon.shift{background-image:url(/assets/icons/shift-white.png)}.bg-icon.space{background-image:url(/assets/icons/space-white.png)}.bg-icon.minus{background-image:url(/assets/icons/minus-white.png)}.bg-icon.play{background-image:url(/assets/icons/play-white.png)}.bg-icon.pause{background-image:url(/assets/icons/pause-white.png)}.bg-icon.close{background-image:url(/assets/icons/fav.png)}.active .bg-icon.plus{background-image:url(/assets/icons/favw.png);-webkit-filter:invert(1);filter:invert(1)}.active .bg-icon.add-playlist{background-image:url(/assets/icons/add-playlist.png)}.active .bg-icon.backspace{background-image:url(/assets/icons/backspace-white.png)}.active .bg-icon.shift{background-image:url(/assets/icons/shift-white.png)}.active .bg-icon.space{background-image:url(/assets/icons/space-white.png)}.active .bg-icon.minus{background-image:url(/assets/icons/minus-black.png)}.active .bg-icon.play{background-image:url(/assets/icons/play-black.png)}.active .bg-icon.pause{background-image:url(/assets/icons/pause-black.png)}.active .bg-icon.close{background-image:url(/assets/icons/fav.png)}.bg-dots{width:50%;height:100%;background-image:url(/assets/icons/dots.png);background-size:contain;background-repeat:no-repeat;background-position:center}
:root{--white-color: "#fff" --text-color: #C6C6C6;--setting-background-color: #2e2e2e}.item-bg{background-color:#1b1b1b}.prograss-bg{background-color:#d42323}.active-text-color{color:#ffd456 !important}.focus-item:not(.active) .rfm-marquee{animation:none !important}.button{border:2px solid var(--active-color);background-color:rgba(10,10,10,.99);border-radius:3rem;padding:1.5rem 4rem;transition:all .1s ease-in-out;text-align:center;cursor:pointer;font-size:3rem;font-weight:bold;color:#fff;will-change:transform;text-transform:uppercase}.button.active{background-color:var(--active-color);color:#fff !important;border-bottom:.6rem solid;transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}.button.focused{transform:scale(1.08) !important}.button.active-danger{background-color:var(--active-color) !important;transform:scale(1.1);color:#fff}.button.selected{background-color:var(--selected-color)}.button.active-danger.selected{background-color:#d52424 !important}.focus-item-setting.active,.focus-item-setting.selected{background-color:var(--active-color);color:#fff !important}.focus-item-setting.active-danger{background-color:#d52424 !important}.focus-item{background-color:#141414;border-radius:1.8rem}.focus-item.active{border:2px #fff solid;color:#fff !important}.focus-item.active-danger{background-color:#d52424 !important}.focus-item.selected{border:2px #fff solid}.bg{background-color:var(--background-color)}.bg-gradient{background:linear-gradient(110deg, var(--primary-color) 0%, var(--primary-color) 45%, var(--primary-color) 50%, var(--primary-color) 55%, var(--primary-color) 100%)}.color{color:var(--background-color)}
.toast-container{display:flex;justify-content:center;align-items:flex-end;height:100%;flex-direction:row}.toast-container .toast{position:fixed;border-radius:1.8rem;border-bottom:.8rem solid rgba(0,0,0,0);color:#242424;background-color:#fff;opacity:.9;text-transform:uppercase;transition:top .3s linear;bottom:5rem;text-align:center;cursor:pointer;overflow:hidden;opacity:0;z-index:100000;display:flex;justify-content:center;align-items:center}.toast-container .toast.show{opacity:1}.toast-container .toast.success{border-color:#178d34}.toast-container .toast.warning{border-color:#d29204}.toast-container .toast.error{border-color:#a32e2e}.toast-container .toast img{width:3rem;height:3rem;margin-left:2rem}.toast-container .toast .toast-message{padding:2.5rem;font-size:2.5rem;line-height:3rem;min-height:3rem}
.connection-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10000000000000000;backdrop-filter:blur(1rem)}.connection-popup svg{width:45rem;fill:#fff}.connection-popup .title{font-size:12rem;text-align:center;color:#fff}
.transfer-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000}.transfer-confirm-popup{background:linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);border:2px solid #ff6b35;border-radius:2rem;width:80rem;max-width:90%;padding:3rem;color:#fff;box-shadow:0 0 40px rgba(255,107,53,.3);animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.transfer-confirm-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.transfer-confirm-header .warning-icon{font-size:4rem;animation:pulse 1s infinite}.transfer-confirm-header h2{font-size:3.5rem;font-weight:700;color:#ff6b35;margin:0}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.transfer-confirm-body{text-align:center;margin-bottom:2rem}.transfer-confirm-body .transfer-message{font-size:2.5rem;margin-bottom:2rem;color:#e0e0e0}.transfer-confirm-body .device-info{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:2rem}.transfer-confirm-body .device-info .label{color:#888}.transfer-confirm-body .device-info .value{color:#00d9ff;font-weight:600}.transfer-confirm-body .warning-text{margin-top:2rem;font-size:2rem;color:#f44;background:rgba(255,68,68,.1);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,68,68,.3)}.transfer-confirm-body .timer{margin-top:2rem;font-size:2.2rem}.transfer-confirm-body .timer .time-value{color:#fc0;font-weight:700;font-size:2.5rem}.transfer-confirm-footer{text-align:center}.transfer-confirm-footer>p{font-size:2.2rem;margin-bottom:2rem;color:#e0e0e0}.transfer-confirm-footer .button-group{display:flex;justify-content:center;gap:3rem}.transfer-confirm-footer .button-group .btn{padding:1.5rem 6rem;font-size:2.5rem;font-weight:700;border-radius:1rem;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease}.transfer-confirm-footer .button-group .btn.btn-no{background:#444;color:#fff}.transfer-confirm-footer .button-group .btn.btn-no.selected{border-color:#fff;background:#666;transform:scale(1.05)}.transfer-confirm-footer .button-group .btn.btn-yes{background:#28a745;color:#fff}.transfer-confirm-footer .button-group .btn.btn-yes.selected{border-color:#fff;background:#34c759;transform:scale(1.05)}.transfer-confirm-footer .button-group .btn:disabled{opacity:.5;cursor:not-allowed}.transfer-confirm-footer .loading-text{margin-top:1.5rem;font-size:2rem;color:#00d9ff}
.container-children{display:flex;width:100%;height:100%}
.splash-loading{position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#080a0f !important;color:#fff;text-align:center;overflow:hidden}.splash-loading::before{content:"";position:absolute;top:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, rgb(0, 85, 255) 0%, rgba(0, 85, 255, 0) 70%);-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:1}.splash-loading::after{content:"";position:absolute;bottom:-100px;right:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, #07c7f3 0%, rgba(255, 0, 255, 0) 70%);-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:1}.splash-loading .splash-content{display:flex;flex-direction:column;align-items:center;max-width:80%;position:relative;z-index:2}.splash-loading .splash-images-container{position:relative;width:70rem;height:50rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.splash-loading .splash-images-container .splash-screen-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.splash-loading .splash-dots{display:flex;margin-bottom:3rem}.splash-loading .splash-dots .dot{margin:1.5rem;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;animation:dotPulse 1.5s infinite ease-in-out}.splash-loading .splash-dots .dot:nth-child(2){animation-delay:.5s}.splash-loading .splash-dots .dot:nth-child(3){animation-delay:1s}.splash-loading .splash-text-container .splash-title{font-weight:700;margin-bottom:1.5rem;line-height:1.2}.splash-loading .splash-text-container .splash-title .splash-header{display:block;font-size:5.5rem;margin-bottom:1.5rem}.splash-loading .splash-text-container .splash-title .splash-subtitle{display:block;font-size:3.5rem;margin-bottom:1.5rem}.splash-loading .splash-text-container .splash-description{font-size:2.1rem;line-height:1.6;color:hsla(0,0%,100%,.85);max-width:900px;margin:0 auto}@keyframes dotPulse{0%,100%{transform:scale(1);background-color:#fff}50%{transform:scale(1.5);background-color:var(--active-color)}}
.logo-img{position:absolute;top:0rem;left:6rem;width:21rem;height:21rem;z-index:2}.loginHeader{position:relative;width:100%;height:100%;overflow:hidden}.loginHeader::before{content:"";position:absolute;top:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, var(--active-color) 0%, rgba(var(--active-rgb), 0) 70%);-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:1}.loginHeader::after{content:"";position:absolute;bottom:-100px;right:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, var(--selected-color) 0%, rgba(var(--active-rgb), 0) 70%);-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:1}.loginHeader .container-title{font-size:3.7rem;position:absolute;left:50%;top:6rem;transform:translateX(-50%);font-weight:600;color:#fff;text-align:center;width:50%;line-height:1.4;z-index:2}.loginHeader .container{width:90%;display:flex;justify-content:space-around;position:absolute;left:50%;top:55%;transform:translate(-50%, -50%);flex-direction:row;align-items:center;z-index:2}
.container-qr{position:relative;border-radius:2.5rem;background:linear-gradient(110deg, var(--primary-color) 0%, rgba(6, 62, 87, 0) 45%, var(--primary-color) 50%, var(--primary-color) 55%, var(--primary-color) 100%);backdrop-filter:blur(10px);padding-bottom:3rem;border:1px solid rgba(0,0,0,0);height:69rem}.container-qr .continue{background-color:var(--selected-color);padding:1.5rem 6rem;font-size:1.8rem;border-radius:1rem;color:#fff;text-transform:uppercase;font-weight:600}.container-qr.active{transform:scale(1.02);box-shadow:0 0 20px rgba(var(--active-rgb), 0.5);border-color:var(--active-color)}.container-qr::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2.5rem;padding:1px;background:radial-gradient(113.99% 86.43% at 0% 13.57%, rgba(var(--active-rgb), 0) 0%, #FFFFFF 50%, rgba(var(--active-rgb), 0) 99.75%);-webkit-mask:linear-gradient(#fff 0, #fff 0) content-box,linear-gradient(#fff 0, #fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#fff 0, #fff 0) content-box,linear-gradient(#fff 0, #fff 0);mask:linear-gradient(#fff 0, #fff 0) content-box,linear-gradient(#fff 0, #fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.container-qr{width:45%;display:flex;align-items:center;flex-direction:column}.container-qr .active{background-color:var(--active-color);padding:1.5rem 6rem;font-size:1.8rem;border-radius:1rem;color:#fff;text-transform:uppercase;font-weight:600}.container-qr .focused{transform:scale(1.05);box-shadow:0 0 15px hsla(0,0%,100%,.8);border-color:#fff}.container-qr .url{margin:1rem auto;font-size:1.8rem;color:#fff;opacity:.8}.container-qr .free_try{display:flex;align-items:center;margin-bottom:1rem}.container-qr .free_try .active{background-color:var(--active-color);padding:.5rem 2rem;font-size:1.6rem}.container-qr .title{color:#fff;font-size:2rem;margin:2rem;font-weight:500}.container-qr .qr{border-radius:2rem;width:auto;background-color:#fff;padding:2.5rem;margin-bottom:2rem}.container-qr .container-pin{padding:1rem;width:90%;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:1.5rem;margin:1.5rem 0}.container-qr .otp{width:100%;display:flex;justify-content:space-around}.container-qr .otp .key{display:flex;flex-direction:column;text-align:center;gap:.5rem}.container-qr .otp .key .num{font-size:2.2rem;color:#fff;font-weight:bold}
.pin-inputs{width:100%;height:15rem;display:flex;justify-content:space-evenly;align-items:center}.pin-inputs .pin-input{position:relative;width:9rem;height:9rem;border-radius:1.5rem;overflow:hidden;padding:0rem;border:.3rem solid rgba(0,0,0,0);-webkit-border-radius:1.5rem;-moz-border-radius:1.5rem;-ms-border-radius:1.5rem;-o-border-radius:1.5rem}.pin-inputs .pin-input.active{border-color:var(--active-color)}.pin-inputs .pin-input.active::after{content:"";position:absolute;width:.5rem;height:9rem;top:1.2rem;left:9.5rem;z-index:4;animation:focused-pin .7s infinite;background-color:var(--active-color);border-radius:.5rem}@keyframes focused-pin{from{opacity:0}to{opacity:1}}.pin-inputs .pin-input .pin-input-body{width:100%;height:100%;border-radius:.8rem;background-color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.pin-inputs .pin-input .pin-input-body img{width:50%;height:50%}
.container-pin-otp{position:relative;border-radius:2.5rem;background:linear-gradient(110deg, var(--primary-color) 0%, rgba(6, 62, 87, 0) 45%, var(--primary-color) 50%, var(--primary-color) 55%, var(--primary-color) 100%);backdrop-filter:blur(10px);padding:2.5rem;border:1px solid rgba(0,0,0,0)}.container-pin-otp::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2.5rem;padding:1px;background:radial-gradient(113.99% 86.43% at 0% 13.57%, rgba(var(--active-rgb), 0) 0%, #ffffff 50%, rgba(var(--active-rgb), 0) 99.75%);-webkit-mask:linear-gradient(#fff 0, #fff 0) content-box,linear-gradient(#fff 0, #fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#fff 0, #fff 0) content-box,linear-gradient(#fff 0, #fff 0);mask:linear-gradient(#fff 0, #fff 0) content-box,linear-gradient(#fff 0, #fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.container-pin-otp{width:45%;display:flex;align-items:center;flex-direction:column}.container-pin-otp .title{font-size:2rem;margin:2rem auto 1rem auto;text-align:center;color:#fff;width:90%}.container-pin-otp .container-otpCode{width:100%}.container-pin-otp .container-otpCode .otp{text-align:center;font-size:2.5rem;color:#fff;margin-top:2rem;font-weight:600}.container-pin-otp .waiting-approval{text-align:center;padding:3rem}.container-pin-otp .waiting-approval .waiting-icon{font-size:6rem;margin-bottom:2rem;animation:bounce 1s infinite}.container-pin-otp .waiting-approval h2{font-size:3.5rem;color:var(--active-color);margin-bottom:2rem}.container-pin-otp .waiting-approval .waiting-message{font-size:2.2rem;color:#e0e0e0;margin-bottom:1rem}.container-pin-otp .waiting-approval .waiting-instruction{font-size:2rem;color:#fc0;margin-bottom:2rem}.container-pin-otp .waiting-approval .timer{font-size:2.2rem;margin-bottom:2rem}.container-pin-otp .waiting-approval .timer .time-value{color:#ff6b35;font-weight:700;font-size:2.5rem}.container-pin-otp .waiting-approval .spinner{width:5rem;height:5rem;border:4px solid hsla(0,0%,100%,.2);border-top-color:var(--active-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}
.number-keyboard{width:100%;height:10rem;display:flex;justify-content:space-around;align-items:center;gap:1rem}.number-keyboard .number-keyboard-item{height:8rem;padding:0 3rem;font-size:2rem;justify-content:center;align-items:center;display:flex;cursor:pointer;transition:transform .2s ease;will-change:transform;color:#fff}.number-keyboard .number-keyboard-item img{height:4rem}.number-keyboard .number-keyboard-item-login{height:6rem;padding:0 2rem;font-size:2rem;justify-content:center;align-items:center;display:flex;cursor:pointer;transition:transform .2s ease;will-change:transform;color:#fff}.number-keyboard .number-keyboard-item-login img{height:4rem}
.popupredbg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background-color:#080a0f !important;overflow:hidden;display:flex;justify-content:center;align-items:center}.popupredbg::before{content:"";position:absolute;top:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, rgb(0, 85, 255) 0%, rgba(0, 85, 255, 0) 70%);-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:1}.popupredbg::after{content:"";position:absolute;bottom:-100px;right:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, #07c7f3 0%, rgba(255, 0, 255, 0) 70%);-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:1}.exit-popup{position:relative;z-index:10;width:100rem;height:55rem;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem;border-radius:3rem;background:var(--main-color);backdrop-filter:blur(2.5rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1)}.exit-popup .warning-icon{width:10rem;height:10rem;margin-bottom:3rem;color:#a0a0a0}.exit-popup .exit-popup-title{font-size:4rem;margin-bottom:6rem;color:#fff;font-weight:600;text-align:center;letter-spacing:.5px}.exit-popup .exit-popup-buttons{display:flex;justify-content:center;gap:3rem;width:100%}.exit-popup .exit-popup-buttons .exit-popup-button{min-width:32rem;height:8rem;border-radius:1rem;font-size:2.2rem;font-weight:500;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.exit-popup .exit-popup-buttons .exit-popup-button.btn-yes{background:rgba(0,0,0,0);border:1px solid var(--active-color);color:#fff}.exit-popup .exit-popup-buttons .exit-popup-button.btn-yes.active{background:var(--active-color);transform:scale(1.05)}.exit-popup .exit-popup-buttons .exit-popup-button.btn-cancel{border:1px solid var(--active-color);color:#fff}.exit-popup .exit-popup-buttons .exit-popup-button.btn-cancel.active{background:var(--active-color);transform:scale(1.05)}
.activated-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--background-color);z-index:10000;overflow:hidden}.activated-screen .glass-card{background:var(--primary-color);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--active-color);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 0 10px hsla(0,0%,100%,.05);border-radius:2rem;padding:14rem 16rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:80%;animation:fadeInScale .6s cubic-bezier(0.16, 1, 0.3, 1) forwards}.activated-screen .glass-card .checkmark-container{width:10.5rem;height:10.5rem;background-color:#00bcd4;background-color:var(--active-color, #00bcd4);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:3.5rem;box-shadow:0 8px 25px rgba(0,0,0,.3)}.activated-screen .glass-card .checkmark-container svg{width:6rem;height:6rem;fill:#fff}.activated-screen .glass-card .activated-text{color:#fff;font-size:3.8rem;font-weight:500;line-height:1.3;margin:0;text-transform:lowercase}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}
.menu2-parent{position:relative;width:100%;height:100%;overflow:hidden;background-color:#080a0f !important;animation:menuFadeIn .8s forwards}.menu2-parent::before{content:"";position:absolute;top:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, rgba(0, 85, 255, 0.5) 0%, rgba(0, 85, 255, 0) 70%);pointer-events:none;z-index:1}.menu2-parent::after{content:"";position:absolute;bottom:-100px;right:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle, rgba(7, 199, 243, 0.5) 0%, rgba(255, 0, 255, 0) 70%);pointer-events:none;z-index:1}.menu2-parent .main-grid-container{position:absolute;top:48%;left:50%;transform:translate(-50%, -46%);display:flex;justify-content:center;align-items:center;gap:3.5rem;width:90%;z-index:10}.menu2-parent .main-grid-container .grid-column{flex:1;max-width:38rem;height:60rem !important;display:flex}.menu2-parent .menu2-content{position:absolute;left:0;top:0;z-index:10000;width:100%;height:100%}.menu-item2{position:relative;width:100%;height:100%;border-radius:3rem;overflow:hidden;background:linear-gradient(180deg, rgba(22, 28, 38, 0.95) 0%, rgba(13, 17, 23, 0.97) 100%);border:2px solid hsla(0,0%,100%,.05);transition:all .35s cubic-bezier(0.23, 1, 0.32, 1);display:flex}.menu-item2 .menu-item-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5rem 3rem 4rem 3rem;text-align:center}.menu-item2 .icon-wrapper{height:12rem;display:flex;align-items:center;justify-content:center}.menu-item2 .icon-wrapper img{width:10rem;height:10rem;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));transition:transform .4s ease}.menu-item2 .info-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.menu-item2 .info-wrapper .item-title{font-size:4.8rem;font-weight:700;color:#fff;margin-bottom:.8rem;letter-spacing:-0.01em}.menu-item2 .info-wrapper .item-subtitle{font-size:2.2rem;color:hsla(0,0%,100%,.4);font-weight:500;transition:color .3s ease}.menu-item2 .last-update-wrapper{display:flex;flex-direction:column;gap:.6rem;align-items:center}.menu-item2 .last-update-wrapper .last-update-label{font-size:1.4rem;font-weight:700;letter-spacing:.12em;color:hsla(0,0%,100%,.3)}.menu-item2 .last-update-wrapper .last-update-date{font-size:1.8rem;font-weight:500;color:hsla(0,0%,100%,.7);font-family:monospace,sans-serif}.menu-item2.active{border-color:#00f2ff}.menu-item2.active .item-subtitle{color:#00f2ff}.menu-item2.active .icon-wrapper img{transform:scale(1.08)}.container-header{position:absolute;top:4.5rem;left:0;width:100%;padding:0 9rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.container-header .header-left{width:11.2rem;height:10.2rem}.container-header .header-left .logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.container-header .header-right{display:flex;align-items:center}.container-header .header-right .header-actions{display:flex;gap:2.2rem}.container-header .header-right .header-actions .action-btn.capsule{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 3.5rem;border-radius:1.2rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);transition:all .25s ease;color:hsla(0,0%,100%,.7)}.container-header .header-right .header-actions .action-btn.capsule .btn-icon{width:2.4rem;height:2.4rem}.container-header .header-right .header-actions .action-btn.capsule .btn-text{font-size:2.2rem;font-weight:600}.container-header .header-right .header-actions .action-btn.capsule.active{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.4);color:#fff;box-shadow:0 0 15px hsla(0,0%,100%,.15)}.container-footer{position:absolute;bottom:4rem;left:0;width:100%;padding:0 9rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:100}.container-footer .footer-left{display:flex;flex-direction:column;gap:.8rem;text-align:left}.container-footer .footer-left .info-row{font-family:monospace,sans-serif;font-size:2rem;color:hsla(0,0%,100%,.6)}.container-footer .footer-left .info-row .info-label{color:hsla(0,0%,100%,.4)}.container-footer .footer-left .info-row .info-value{color:#fff;font-weight:bold}.container-footer .footer-center{display:flex;justify-content:center;flex:1;margin:0 2rem}.container-footer .footer-center .clock-widget{font-size:9rem;font-weight:800;color:#fff;text-shadow:0 0 20px hsla(0,0%,100%,.3);letter-spacing:-0.02em;line-height:1}.container-footer .footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.container-footer .footer-right .location-row{display:flex;align-items:center;gap:.8rem;color:#fff}.container-footer .footer-right .location-row .location-icon{width:2.2rem;height:2.2rem;color:#08f}.container-footer .footer-right .location-row .location-text{font-size:2.2rem;font-weight:600}.container-footer .footer-right .humidity-row .humidity-text{font-size:1.8rem;color:hsla(0,0%,100%,.5);font-weight:500}@keyframes menuFadeIn{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}