:root{--primary:#002707;--primary-dark:#081f03;--secondary:#9147ff;--dark-bg:#0a0a0f;--dark-card:#141420;--dark-surface:#1e1e2e;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-glow:#ff6b0026;--glass-bg:#1e1e2eb3;--glass-border:#ffffff1a}*{box-sizing:border-box}body{font-optical-sizing:auto;width:100%;height:100%;color:var(--text-primary);background:linear-gradient(135deg, var(--dark-bg) 0%, #1a1a2e 100%);margin:0;padding:0;font-family:Source Code Pro,Open Sans,sans-serif;font-style:normal;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:80px}.header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:1000;padding:16px 40px;transition:all .3s;position:sticky;top:0}.header.scrolled{background:#141420f2;padding:12px 40px}.header .navbar{flex-direction:row;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0;display:flex}.navbar .navbar-logo a{align-items:center;gap:12px;text-decoration:none;transition:transform .3s;display:flex}.navbar .navbar-logo a:hover{transform:translateY(-2px)}.navbar .navbar-logo a img{filter:drop-shadow(0 2px 4px #0000004d);width:40px;height:40px}.navbar .navbar-logo a .logo-text{letter-spacing:1px;background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:auto 0;padding-bottom:0;font-size:24px;font-weight:800}.navbar .navbar-btn{margin:auto 0}.navbar .navbar-btn .btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff6b004d}.navbar .navbar-btn .btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.navbar .navbar-btn .btn:hover:before{left:100%}.navbar .navbar-btn .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.navbar .navbar-btn .btn .fa-solid{padding-right:8px;font-size:16px}.hero-wrapper{flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:40px;display:flex;position:relative;overflow:hidden}.hero-wrapper:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:-1;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-wrapper .hero-content{text-align:center;z-index:1;max-width:900px;position:relative}.hero-content .hero-text .h-1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp}.hero-content .hero-text .h-2{color:var(--text-secondary);margin-bottom:40px;font-size:24px;font-weight:400;line-height:1.6;animation:.8s ease-out .2s both fadeInUp}.hero-content .hero-text .hero-btn{animation:.8s ease-out .4s both fadeInUp}.hero-content .hero-text .hero-btn .btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));letter-spacing:1px;color:#fff;cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #ff6b004d}.hero-content .hero-text .hero-btn .btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 30px #ff6b0066}.hero-content .hero-text .hero-btn .btn .fa-solid{padding-left:8px;font-size:18px;transition:transform .3s}.hero-content .hero-text .hero-btn .btn:hover .fa-solid{transform:translate(4px)}.main-wrapper{background:var(--dark-bg);padding:80px 0;position:relative}.validate-section{max-width:1400px;margin:0 auto;padding:0 40px}.validate-section .row{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.validate-section .col-lg-3{flex:300px;max-width:300px;padding:0}.validate-section .validate-box{border:1px solid var(--glass-border);cursor:pointer;background:var(--dark-card);border-radius:20px;flex-direction:column;justify-content:flex-start;width:100%;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.validate-section .validate-box:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.validate-section .validate-box:hover:before{transform:scaleX(1)}.validate-section .validate-box:hover{border-color:#ff6b004d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d}.validate-box .box-container{flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-bottom:20px;display:flex}.validate-box .box-container .box-icon{background:linear-gradient(135deg, var(--dark-surface), var(--dark-card));border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;margin-right:16px;transition:transform .3s;display:flex}.validate-box:hover .box-container .box-icon{transform:rotate(10deg)scale(1.1)}.validate-box .box-container .box-icon img{filter:brightness(1.2);width:32px;height:32px}.validate-box .box-content{margin:auto 0}.validate-box .box-content p{letter-spacing:.5px;color:var(--text-primary);margin:0;padding:0;font-size:18px;font-weight:600}.how-section{background:var(--dark-bg);padding:120px 40px;position:relative}.how-section:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.how-section .how-container{cursor:pointer;flex-direction:column;justify-content:center;padding:20px;transition:transform .3s;display:flex}.how-section .how-container:hover{transform:translateY(-5px)}.how-container .how-wrapper{text-align:center;position:relative}.how-wrapper .how-icon{text-align:center;background:linear-gradient(135deg, var(--dark-surface), var(--dark-card));border-radius:20px;margin-bottom:24px;padding:20px;transition:all .3s;display:inline-block;box-shadow:0 8px 24px #0003}.how-container:hover .how-wrapper .how-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));transform:scale(1.1)}.how-wrapper .how-icon img{filter:brightness(1.5);width:40px;height:40px}.how-wrapper .how-content .p-h-1{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:700;transition:color .3s}.how-container:hover .how-content .p-h-1{color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.how-wrapper .how-content .p-h-2{color:var(--text-secondary);padding:0;font-size:16px;font-weight:400;line-height:1.8}.footer{background:linear-gradient(180deg, var(--dark-bg) 0%, #0d0d15 100%);padding:80px 40px 40px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer .footer-wrapper{grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;padding-bottom:40px;display:grid}.footer-wrapper .footer-logo{flex-direction:column;justify-content:flex-start;display:flex}.footer-wrapper .footer-logo .footer-img{margin-bottom:20px}.footer-logo .footer-img img{filter:drop-shadow(0 4px 8px #0000004d);width:60px;height:60px}.footer-wrapper .footer-logo .ft-logo-content .f-p-1{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:800}.footer-wrapper .footer-logo .ft-logo-content .f-p-2{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.8}.footer-subscribe{max-width:500px}.footer-subscribe .footer-form .form-group label{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:600;display:block;visibility:visible!important}.footer-form .form-group .form-inline{border:1px solid var(--glass-border);background:var(--dark-surface);border-radius:12px;flex-direction:row;height:56px;padding:4px;transition:all .3s;display:flex}.footer-form .form-group .form-inline:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-glow)}.footer-form .form-group .form-inline input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:0 20px;font-size:16px;font-weight:500}.footer-form .form-group .form-inline input:focus{box-shadow:none;outline:none}.footer-form .form-group .form-inline .btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 32px;font-size:16px;font-weight:600;transition:all .3s}.footer-form .form-group .form-inline .btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff6b004d}.footer .footer-copy{border-top:1px solid var(--glass-border);text-align:center;margin-top:40px;padding:32px 0 0}.footer .footer-copy p{color:var(--text-secondary);margin:0;padding:0;font-size:14px;font-weight:400}.wallet-container{max-width:1400px;margin:0 auto;padding:40px 20px 120px}.wallet-container .container-header{text-align:center;margin-bottom:60px}.container-header .w-p-1{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px;font-weight:800}.wallet-section{margin-top:40px}.wallet-section .row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 20px;display:grid}.wallet-section .wallet-box{cursor:pointer;background:var(--dark-card);border:1px solid var(--glass-border);border-radius:20px;flex-direction:row;align-items:center;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.wallet-section .wallet-box:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.wallet-section .wallet-box:hover:before{transform:scaleX(1)}.wallet-section .wallet-box:hover{border-color:#ff6b004d;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.wallet-box .wallet-img{background:var(--dark-surface);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-right:20px;display:flex;overflow:hidden}.wallet-box .wallet-img img{object-fit:contain;width:40px;height:40px;transition:transform .3s}.wallet-box:hover .wallet-img img{transform:scale(1.1)}.wallet-box .wallet-content{flex:1}.wallet-box .wallet-content .w-p-2{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.wallet-box .wallet-content .w-p-3{color:var(--text-secondary);margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.6}.portal-window{z-index:1050;-webkit-backdrop-filter:blur(8px);background:#0a0a0fe6;justify-content:center;align-items:center;width:100%;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0;overflow:hidden}.portal-window-content{color:var(--text-primary);border-radius:24px;width:90%;max-width:500px;margin:auto;animation:.4s cubic-bezier(.4,0,.2,1) slideUp}.portal-window-content .modal-section{background:var(--dark-card);border:1px solid var(--glass-border);border-radius:24px;padding:20px;box-shadow:0 32px 64px #0006}.modal-section .modal-wrapper{padding:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.header{padding:12px 20px}.hero-content .hero-text .h-1{font-size:40px}.hero-content .hero-text .h-2{font-size:18px}.footer .footer-wrapper{grid-template-columns:1fr;gap:40px}.wallet-section .row{grid-template-columns:1fr}.portal-window-content{width:95%}}@media (width>=1281px){.hero-wrapper{min-height:80vh}.validate-section .row{gap:32px}.validate-section .col-lg-3{max-width:320px}}.loader:before{background:linear-gradient(90deg, var(--primary), var(--secondary))}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary), var(--secondary));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--primary-dark), var(--secondary))}.intro-section{background:url(/assetsb/images/hero-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:relative}.intro-section .overlay{background:#020011a6;width:100%;height:100%;position:absolute;top:0;left:0}.intro-wrapper{z-index:1;position:relative}@media only screen and (width<=850px){.header{padding:12px 25px}.navbar .navbar-logo a img{width:32px}.navbar .navbar-logo a .logo-text{letter-spacing:.5px;padding-left:8px;font-size:18px}.navbar .navbar-btn .btn{border-radius:40px;padding:10px 28px;font-size:14px}.hero-wrapper{flex-direction:column;justify-content:center;align-items:center;height:70vh;padding:25px;display:flex}.hero-wrapper .hero-content{max-width:600px}.hero-wrapper .hero-content .hero-text{text-align:center}.hero-content .hero-text .h-1{margin-bottom:25px;font-size:45px;line-height:54px}.hero-content .hero-text .h-2{margin-bottom:25px;font-size:20px;line-height:24px}.hero-content .hero-text .hero-btn .btn{letter-spacing:1px;padding:12px 30px;font-size:16px}.hero-content .hero-text .hero-btn .btn .fa-solid{padding-left:5px;font-size:17px}.validate-section{margin-top:0;margin-bottom:0;padding-top:60px;padding-bottom:80px}.validate-section .row{flex-wrap:wrap;display:flex}.validate-section .col-lg-3{padding:20px 8px;display:flex}.validate-section .validate-box{padding:15px 12px}.validate-box .box-container .box-icon{width:54px;height:54px;margin-right:10px}.validate-box .box-container .box-icon img{width:38px;height:38px}.validate-box .box-content{margin:auto 0}.validate-box .box-content p{letter-spacing:.5px;margin:0;padding:0;font-size:16px}.how-section{margin-bottom:15%;padding:70px 5px}.how-section .how-container{cursor:pointer;flex-direction:column;justify-content:center;padding:30px 10px;display:flex}.how-container .how-wrapper{text-align:center}.how-wrapper .how-icon{text-align:center;margin-bottom:20px}.how-wrapper .how-icon img{width:55px;height:55px;padding:10px}.how-wrapper .how-content .p-h-1{margin-bottom:10px;font-size:22px}.how-wrapper .how-content .p-h-2{font-size:14px;line-height:20px}.footer{padding:30px 30px 10px}.footer .footer-wrapper{flex-direction:row;justify-content:space-between;padding-bottom:25px;display:flex}.footer-wrapper .footer-logo{flex-direction:column;justify-content:flex-start;max-width:300px;display:flex}.footer-wrapper .footer-logo .footer-img{margin-bottom:10px}.footer-logo .footer-img img{width:50px}.footer-wrapper .footer-logo .ft-logo-content .f-p-1{margin-bottom:8px;font-size:21px}.footer-wrapper .footer-logo .ft-logo-content .f-p-2{font-size:14px;line-height:21px}.footer-subscribe{max-width:500px}.footer-subscribe .footer-form .form-group label{visibility:hidden;margin-bottom:10px;font-size:18px;font-weight:600}.footer-form .form-group .form-inline{border-radius:8px;flex-direction:row;height:50px;padding:3px;display:flex}.footer-form .form-group .form-inline input{border:none;font-size:15px;font-weight:500}.footer-form .form-group .form-inline input:focus{box-shadow:none;outline:none}.footer-form .form-group .form-inline .btn{border:none;border-radius:0 7px 7px 0;font-size:15px;font-weight:600}.footer .footer-copy{text-align:center;padding:20px 0 0}.footer .footer-copy p{margin:0;padding:0;font-size:13px}.close-header{text-align:end;padding:10px}.close-header .btn{box-shadow:none;border:none;padding:0}.close-header .btn .fa-solid{font-size:17px}.modal-section .modal-top{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.modal-section .modal-top .modal-img{border-radius:5px;width:50px;height:50px;margin-bottom:10px;overflow:hidden}.modal-section .modal-top .header-content .m-p-1{margin-bottom:10px;font-size:18px;font-weight:700}.modal-section .modal-top .header-content .m-p-2{font-size:15px}.modal-section .modal-bottom{text-align:center;margin-top:20px}.modal-section .modal-bottom .m-b-p{font-size:15px}.modal-section .modal-bottom .m-b-p img{width:25px;margin-right:6px}.modal-main .modal-load{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.modal-load p{margin:0;padding:0}.modal-load .l-p-1{margin-top:15px;font-size:17px;font-weight:600}.modal-load .l-p-2{font-size:13px;font-style:italic;font-weight:600}.modal-main .modal-error{flex-direction:column;justify-content:flex-start;padding:10px 0 20px;display:flex}.modal-error .btn{width:100%}.modal-error .btn-outline-danger{border-radius:5px;margin-bottom:25px;padding:7px 5px;font-size:13px;font-weight:400}.modal-error .action-btn .btn{width:100%;font-size:14px}.modal-main .modal-connect{padding:10px 0}.modal-connect .form-group textarea{border-radius:6px;font-size:14px}.modal-connect .form-btn{margin-top:15px}.modal-connect .form-btn .btn{font-size:14px;font-weight:600}.modal-qr{padding:20px 0}.modal-qr .qr-img{width:150px;height:150px;padding:5px}.modal-qr .qr-text p{font-size:16px;font-weight:400}.modal-qr .qr-text p .p-code{font-size:17px}.portal-window-content{border-radius:20px;width:50%;margin:auto}.portal-window-content .modal-section{padding:10px 10px 25px}.modal-section .modal-wrapper{padding:10px}}@media only screen and (width<=768px){.header{padding:12px 20px}.navbar .navbar-logo{width:50%}.navbar .navbar-logo a img{width:32px}.navbar .navbar-logo a .logo-text{letter-spacing:.5px;padding-left:6px;font-size:17px}.navbar .navbar-btn .btn{border-radius:40px;padding:9px 25px;font-size:14px}.hero-wrapper .hero-content{max-width:500px}.hero-wrapper .hero-content .hero-text{text-align:center}.hero-content .hero-text .h-1{margin-bottom:25px;font-size:40px;line-height:52px}.hero-content .hero-text .h-2{margin-bottom:25px;font-size:19px;line-height:24px}.hero-content .hero-text .hero-btn .btn{letter-spacing:1px;padding:12px 30px;font-size:15px}.hero-content .hero-text .hero-btn .btn .fa-solid{padding-left:5px;font-size:16px}.how-section .how-container{cursor:pointer;flex-direction:column;justify-content:center;padding:15px 0;display:flex}.how-container .how-wrapper{text-align:center}.how-wrapper .how-icon{text-align:center;margin-bottom:20px}.how-wrapper .how-icon img{width:50px;height:50px;padding:8px}.how-wrapper .how-content .p-h-1{margin-bottom:10px;font-size:19px}.how-wrapper .how-content .p-h-2{font-size:14px;line-height:20px}.footer{padding:30px 20px 10px}.footer .footer-wrapper{flex-direction:row;justify-content:space-between;padding-bottom:25px;display:flex}.footer-wrapper .footer-logo{flex-direction:column;justify-content:flex-start;max-width:250px;display:flex}.footer-wrapper .footer-logo .footer-img{margin-bottom:10px}.footer-logo .footer-img img{width:45px}.footer-wrapper .footer-logo .ft-logo-content .f-p-1{margin-bottom:8px;font-size:19px}.footer-wrapper .footer-logo .ft-logo-content .f-p-2{font-size:13px;line-height:20px}.footer-subscribe{max-width:250px}.footer-subscribe .footer-form .form-group label{visibility:hidden;margin-bottom:10px;font-size:18px;font-weight:600}.footer-form .form-group .form-inline{border-radius:8px;flex-direction:row;height:50px;padding:3px;display:flex}.footer-form .form-group .form-inline input{border:none;padding:0 5px;font-size:13px;font-weight:500}.footer-form .form-group .form-inline .btn{border:none;border-radius:0 7px 7px 0;font-size:14px;font-weight:600}.footer .footer-copy{text-align:center;padding:20px 0 0}.footer .footer-copy p{margin:0;padding:0;font-size:12px}.portal-window-content{border-radius:20px;width:70%;margin:auto}}@media only screen and (width<=576px){.how-section .how-container{cursor:pointer;flex-direction:column;justify-content:center;padding:20px 15px;display:flex}.how-container .how-wrapper{text-align:center}.how-wrapper .how-icon{text-align:center;margin-bottom:20px}.how-wrapper .how-icon img{width:55px;height:55px;padding:10px}.how-wrapper .how-content .p-h-1{margin-bottom:10px;font-size:20px}.how-wrapper .how-content .p-h-2{font-size:14px;line-height:20px}.footer{padding:30px 20px 10px}.footer .footer-wrapper{flex-direction:column;justify-content:space-between;width:100%;padding-bottom:25px;display:flex}.footer-wrapper .footer-logo{flex-direction:column;justify-content:flex-start;max-width:100%;display:flex}.footer-wrapper .footer-logo .footer-img{margin-bottom:10px}.footer-logo .footer-img img{width:45px}.footer-wrapper .footer-logo .ft-logo-content .f-p-1{margin-bottom:8px;font-size:19px}.footer-wrapper .footer-logo .ft-logo-content .f-p-2{font-size:13px;line-height:20px}.footer-subscribe{max-width:100%}.footer-subscribe .footer-form .form-group label{visibility:hidden;margin-bottom:10px;font-size:18px;font-weight:600}.footer-form .form-group .form-inline{border-radius:8px;flex-direction:row;height:50px;padding:3px;display:flex}.footer-form .form-group .form-inline input{border:none;padding:0 5px;font-size:13px;font-weight:500}.footer-form .form-group .form-inline .btn{border:none;border-radius:0 7px 7px 0;font-size:14px;font-weight:600}.footer .footer-copy{text-align:center;padding:20px 0 0}.wallet-container{margin-top:5%;padding:10px 10px 100px}.wallet-container .container-header{text-align:center;margin-bottom:25px}.container-header .w-p-1{font-size:28px}.wallet-section{margin-top:20px}.wallet-section .col-lg-3{padding:10px 12px;display:flex}.wallet-section .wallet-box{margin-bottom:20px;padding:12px}.wallet-box .wallet-img{border-radius:30px;width:60px;height:60px;overflow:hidden}.wallet-box .wallet-img img{object-fit:contain;width:100%;height:100%}.wallet-box .wallet-content{margin:auto 0;padding-left:8px}.wallet-box .wallet-content .w-p-2{margin-bottom:8px;font-size:15px}.wallet-box .wallet-content .w-p-3{font-size:13px}.portal-window-content{border-radius:20px;width:75%;margin:auto}}@media only screen and (width<=540px){.header{padding:12px 15px}.navbar .navbar-logo{width:50%}.navbar .navbar-logo a img{width:32px;margin:auto 0}.navbar .navbar-logo a .logo-text{letter-spacing:.5px;text-wrap:wrap;max-width:60%;padding-left:6px;font-size:18px}.navbar .navbar-btn .btn{border-radius:40px;padding:8px 20px;font-size:14px}.hero-wrapper .hero-content{max-width:500px}.hero-wrapper .hero-content .hero-text{text-align:center}.hero-content .hero-text .h-1{margin-bottom:25px;font-size:37px;line-height:48px}.hero-content .hero-text .h-2{margin-bottom:25px;font-size:18px;line-height:24px}.hero-content .hero-text .hero-btn .btn{letter-spacing:1px;padding:12px 30px;font-size:15px}.hero-content .hero-text .hero-btn .btn .fa-solid{padding-left:5px;font-size:16px}.validate-section .row{flex-wrap:wrap;display:flex}.validate-section .col-lg-3{padding:15px 6px;display:flex}.validate-section .validate-box{padding:12px}.validate-box .box-container .box-icon{width:50px;height:50px;margin-right:8px}.validate-box .box-container .box-icon img{width:34px;height:34px}.validate-box .box-content{margin:auto 0}.validate-box .box-content p{letter-spacing:.5px;margin:0;padding:0;font-size:15px}.wallet-container{margin-top:5%;padding:10px 5px 100px}.wallet-container .container-header{text-align:center;margin-bottom:20px}.container-header .w-p-1{font-size:26px}.wallet-section{margin-top:20px}.wallet-section .col-lg-3{padding:10px 8px;display:flex}.wallet-section .wallet-box{margin-bottom:15px;padding:12px 10px}.wallet-box .wallet-img{border-radius:27px;width:54px;height:54px;margin:auto 0;overflow:hidden}.wallet-box .wallet-img img{object-fit:contain;width:100%;height:100%}.wallet-box .wallet-content{margin:auto 0;padding-left:8px}.wallet-box .wallet-content .w-p-2{margin-bottom:8px;font-size:14px}.wallet-box .wallet-content .w-p-3{font-size:12px}.portal-window-content{border-radius:20px;width:80%;margin:auto}}@media only screen and (width<=486px){.header{padding:12px}.navbar .navbar-logo{width:50%}.navbar .navbar-logo a img{width:30px;margin:auto 0}.navbar .navbar-logo a .logo-text{letter-spacing:.2px;text-wrap:wrap;max-width:50%;padding-left:6px;font-size:17px}.navbar .navbar-btn .btn{border-radius:40px;padding:8px 15px;font-size:14px}.hero-wrapper .hero-content{max-width:500px}.hero-wrapper .hero-content .hero-text{text-align:center}.hero-content .hero-text .h-1{margin-bottom:25px;font-size:35px;line-height:45px}.hero-content .hero-text .h-2{margin-bottom:25px;font-size:18px;line-height:24px}.hero-content .hero-text .hero-btn .btn{letter-spacing:.6px;padding:12px 30px;font-size:14px}.hero-content .hero-text .hero-btn .btn .fa-solid{padding-left:5px;font-size:15px}.validate-section .row{flex-wrap:wrap;display:flex}.validate-section .col-lg-3{padding:12px 6px;display:flex}.validate-section .validate-box{padding:10px}.validate-box .box-container .box-icon{width:46px;height:46px;margin-right:6px}.validate-box .box-container .box-icon img{width:30px;height:30px}.validate-box .box-content{margin:auto 0}.validate-box .box-content p{letter-spacing:normal;margin:0;padding:0;font-size:14px}.wallet-box .wallet-img{border-radius:25px;width:50px;height:50px;margin:auto 0;overflow:hidden}.portal-window-content{border-radius:20px;width:90%;margin:auto}}@media only screen and (width<=428px){.header{padding:10px}.navbar .navbar-logo{width:50%}.navbar .navbar-logo a img{width:30px;margin:auto 0}.navbar .navbar-logo a .logo-text{letter-spacing:normal;text-wrap:wrap;max-width:50%;padding-left:5px;font-size:16px}.navbar .navbar-btn .btn{border-radius:35px;padding:8px 15px;font-size:14px}.hero-wrapper{padding:15px}.hero-wrapper .hero-content{max-width:500px}.hero-wrapper .hero-content .hero-text{text-align:center}.hero-content .hero-text .h-1{margin-bottom:20px;font-size:30px;line-height:40px}.hero-content .hero-text .h-2{margin-bottom:20px;font-size:16px;line-height:22px}.hero-content .hero-text .hero-btn .btn{letter-spacing:.6px;padding:10px 30px;font-size:14px}.hero-content .hero-text .hero-btn .btn .fa-solid{padding-left:5px;font-size:15px}.validate-section .row{flex-wrap:wrap;display:flex}.validate-section .col-lg-3{padding:12px 6px;display:flex}.validate-section .validate-box{padding:10px 5px}.validate-box .box-container .box-icon{width:40px;height:40px;margin-right:5px}.validate-box .box-container .box-icon img{width:28px;height:28px}.validate-box .box-content{margin:auto 0;padding:0}.validate-box .box-content p{letter-spacing:normal;margin:0;padding:0;font-size:13px}.wallet-container{margin-top:5%;padding:10px 5px 100px}.wallet-container .container-header{text-align:center;margin-bottom:15px}.container-header .w-p-1{font-size:25px}.wallet-section{margin-top:20px}.wallet-section .col-lg-3{padding:10px 8px;display:flex}.wallet-section .wallet-box{margin-bottom:15px;padding:12px 10px}.wallet-box .wallet-img{border-radius:20px;width:40px;height:40px;overflow:hidden}.wallet-box .wallet-img img{object-fit:contain;width:100%;height:100%}.wallet-box .wallet-content{margin:auto 0;padding-left:5px}.wallet-box .wallet-content .w-p-2{margin-bottom:6px;font-size:13px}.wallet-box .wallet-content .w-p-3{font-size:11px}.portal-window-content{border-radius:20px;width:95%;margin:auto}}@media only screen and (width<=395px){.header{padding:10px}.navbar .navbar-logo{width:50%}.navbar .navbar-logo a img{width:28px;margin:auto 0}.navbar .navbar-logo a .logo-text{letter-spacing:normal;text-wrap:wrap;max-width:40%;padding-left:5px;font-size:16px}.navbar .navbar-btn .btn{border-radius:35px;padding:8px 12px;font-size:14px}.portal-window-content{border-radius:20px;width:98%;margin:auto}}@media only screen and (width<=376px){.wallet-container{margin-top:5%;padding:10px 5px 100px}.wallet-container .container-header{text-align:center;margin-bottom:15px}.container-header .w-p-1{font-size:24px}.wallet-section{margin-top:20px}.wallet-section .col-lg-3{padding:10px 5px;display:flex}.wallet-section .wallet-box{border-radius:6px;margin-bottom:10px;padding:10px 6px}.wallet-box .wallet-img{border-radius:17px;width:34px;height:34px;overflow:hidden}.wallet-box .wallet-img img{object-fit:contain;width:100%;height:100%}.wallet-box .wallet-content{width:75%;margin:auto 0;padding-left:5px}.wallet-box .wallet-content .w-p-2{margin-bottom:6px;font-size:13px}.wallet-box .wallet-content .w-p-3{font-size:11px}}.modal-overlay{z-index:1000;box-sizing:border-box;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.wallet-modal{box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;width:92vw;max-height:90vh;margin:auto;padding:24px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000080}.modal-body{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.wallet-modal a,h1,h2,h3,button,div{color:#27272a}.modal-view{flex-direction:column;flex-grow:1;gap:20px;display:none}.modal-view.active{display:flex}.modal-header{color:#27272a;justify-content:space-between;align-items:center;padding:0 0 18px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:600}.close-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:color .2s}.close-button:hover{color:var(--text-color)}.disclaimer{color:#fff;background-color:#6062eb;border-radius:8px;padding:12px 16px;font-size:12px;line-height:1.4}.choose-wallet-heading{color:#27272a;margin-top:10px;font-size:16px;font-weight:600}.wallet-options{scrollbar-color:#227cab transparent;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;max-height:60vh;padding:.25rem;display:grid;overflow-y:auto}.wallet-item{cursor:pointer;background-color:#0000;border:1px solid #dfe0fb;border-radius:.375rem;justify-content:flex-start;align-items:center;gap:.75rem;height:auto;padding:.75rem;font-size:14px;font-weight:500;display:flex}.wallet-item:hover{background-color:#64738b1a}.wallet-item img{object-fit:cover;border-radius:6px;width:32px;height:32px}.auto-tag{color:#ffffff80;white-space:nowrap;background-color:#abc4ff1a;border-radius:6px;padding:4px 8px;font-size:10px}.show-uninstalled-button{color:#1c1c1c;background-color:#abc4ff1a;border-color:#0000;border-radius:.75rem;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:0 12px;display:none}.show-uninstalled-button p{color:#fff}.show-uninstalled-button svg{fill:currentColor;width:20px;height:20px}.nothing-in{height:30px}#progress-view .progress-content{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:20px;padding:20px 0;display:flex}.spinner{border:4px solid #ffffff4d;border-top-color:#6062eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:var(--error-color);margin-top:10px;font-weight:600}.manual-connect-form{flex-direction:column;gap:15px;width:100%;display:flex}.tab-buttons{border:1px solid #e1e2e3;border-radius:15px;gap:5px;width:100%;margin-bottom:5px;padding:5px;display:flex}.tab-buttons button{color:var(--text-secondary);cursor:pointer;background-color:#e1e2e3;border:none;border-bottom:2px solid #0000;border-radius:15px;flex:1;padding:10px 15px;font-size:14px;font-weight:500;transition:all .2s}.tab-buttons button:hover{background-color:var(--button-hover-bg);color:var(--text-color);border:1px solid #1c1c1c}.tab-buttons button.active{background-color:var(--tab-active-bg);color:var(--text-color);border:1px solid #1c1c1c}.tab-content{flex-direction:column;gap:15px;display:none}.tab-content label{text-align:left;width:100%;color:var(--text-secondary);font-size:14px}.tab-content button{background-color:#6062eb}.tab-content textarea,.tab-content input[type=password]{border:1px solid var(--border-color);color:#27272a;resize:vertical;background-color:#f5f5f5;border-radius:6px;outline:none;width:calc(100% - 24px);min-height:40px;padding:10px 12px;font-size:16px}.tab-content textarea:focus,.tab-content input[type=password]:focus{border-color:var(--spinner-color)}.help-text{color:#6062eb;text-align:left;margin-top:-10px;font-size:12px}.modal-footer{border-top:1px solid #e5e7eb;padding-top:16px}.modal-footer button{color:#fff;cursor:pointer;background-color:#6062eb;border:0;border-radius:.75rem;width:100%;padding:12px;font-weight:600}.modal-footer button:hover{background-color:#0056b3}.connection-mode button{color:#fff;cursor:pointer;background-color:#6062eb;border:0;border-radius:.75rem;align-items:center;width:100%;margin-top:10px;padding:12px;font-weight:600}.connection-mode button:hover{background-color:#0056b3}#connection-mode{justify-content:center;align-items:center}.connection-error-block{text-align:center;background-color:#fef2f2;border:1px solid #f87171;border-radius:.375rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}@media (width>=768px){.wallet-modal{width:672px}.wallet-options{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-item{gap:10px;padding:8px 10px}#phrase-inputs-container{grid-template-columns:repeat(3,minmax(0,1fr))!important}.show-uninstalled-button{display:flex}}.error-bottom{color:red}.input-container{background-color:#f5f5f5;border:1px solid #d1d5db;border-radius:15px;align-items:center;gap:3px;padding:8px;display:flex;position:relative}.input-container:focus-within{background-color:#d8e7f7;border-color:#6062eb}.input-container input{color:#27272a;background-color:#0000;border:none;outline:none;flex:1;padding:0;font-size:14px}#connect-button:disabled{cursor:not-allowed;background-color:#a5b4fc}#wallet-modal:focus,#wallet-modal:focus-visible{outline:none}
