.portalLogin{background:linear-gradient(145deg,#eaf4fc,#fff);place-items:center;min-height:100vh;padding:35px;display:grid}.back{color:#063b73;font-weight:800;position:absolute;top:24px;left:28px}.loginBox{text-align:center;background:#fff;border-radius:22px;width:min(100%,430px);padding:32px;box-shadow:0 24px 70px #032e5728}.loginBox img{border-radius:50%}.loginBox h1{color:#063b73;margin:12px 0 5px;font-size:28px}.loginBox p{color:#697f91}.loginBox input,.request select,.request textarea{width:100%;font:inherit;border:1px solid #cedce8;border-radius:10px;margin:10px 0;padding:14px;display:block}.loginBox button,.request button,.portalPrimary,.profile button{color:#fff;background:linear-gradient(135deg,#032e57,#18a7ff,#06406f);border:0;border-radius:10px;width:100%;padding:14px;font-weight:900}.loginBox .outline{color:#063b73;background:#fff;border:2px solid #063b73}.divider{color:#8495a3;margin:12px}.loginBox small{color:#718495;margin-top:16px;display:block}.portal{background:#eaf4fc;min-height:100vh;padding-bottom:90px}.portalHead{color:#fff;background:linear-gradient(110deg,#032e57,#087fd1,#06406f);justify-content:flex-start;height:76px;padding:8px max(18px,50vw - 450px)}.portalHead img{border-radius:50%}.portalHead div{flex-direction:column;flex:1;margin-left:12px;display:flex}.portalHead span{color:#d7ebfa;font-size:12px}.portalHead button{color:#ffd740;background:0 0;border:0;font-weight:900}.portalBody{max-width:900px;margin:auto;padding:24px}.portalBody h1,.portalBody h2{color:#063b73}.planCard{color:#fff;background:linear-gradient(135deg,#032e57,#169be9,#06406f);border-radius:18px;padding:24px}.planCard>span{color:#ffc400;font-size:11px;font-weight:900}.planCard h2{color:#ffc400;margin:5px 0;font-size:30px}.progress{background:#ffffff35;border-radius:10px;height:10px;margin-top:10px;overflow:hidden}.progress i{background:#ffc400;width:32%;height:100%;display:block}.current,.order,.request,.profile{background:#fff;border:1px solid #dce8f2;border-radius:14px;flex-direction:column;gap:8px;margin:12px 0;padding:20px;display:flex}.current span,.order span{color:#087fd1;font-weight:800}.portalPrimary{max-width:320px;margin-top:8px}.products{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.products article{background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.products article div{font-size:38px}.products article span{color:#087fd1;font-weight:900}.products article button,.cart,.install{color:#fff;background:#063b73;border:0;border-radius:9px;padding:11px;font-weight:800}.cart,.install{color:#032e57;background:linear-gradient(135deg,#e8a600,#ffdc4b,#cc8c00);width:100%;margin-top:18px;padding:16px}.bottomNav{z-index:30;background:#032e57;border-top:2px solid #ffc400;justify-content:center;gap:0;height:78px;position:fixed;bottom:0;left:0;right:0;display:flex!important}.bottomNav button{color:#d2e4f2;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:min(18%,150px);display:flex}.bottomNav button i{font-size:25px;font-style:normal}.bottomNav button span{font-size:11px;font-weight:700}.bottomNav button.active{color:#ffc400;background:#ffffff0d}@media (max-width:600px){.portalBody{padding:17px}.products{grid-template-columns:1fr 1fr}.loginBox{padding:25px 20px}.bottomNav button{width:20%}}
.termsOverlay{z-index:100;background:#021f3ddd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.termsModal{text-align:left;background:#fff;border-radius:18px;width:min(100%,720px);max-height:92vh;padding:25px;overflow:auto;box-shadow:0 25px 80px #0006}.termsModal h2{color:#063b73;margin:0 0 14px}.termsText{border-top:1px solid #dce8f2;border-bottom:1px solid #dce8f2;max-height:50vh;padding:5px 14px 5px 5px;overflow:auto}.termsText p{color:#465e72;font-size:14px;line-height:1.55}.termsCheck{color:#17324d;align-items:flex-start;gap:10px;margin:16px 0;font-weight:700;display:flex}.termsCheck input{flex:none;height:21px;width:21px!important;margin:0!important}.termsModal>button{color:#fff;background:#087fd1;border:0;border-radius:10px;width:100%;padding:14px;font-weight:900}.termsModal>button:disabled{opacity:.4}.termsModal .cancelTerms{color:#667085;background:0 0;margin-top:5px}@media (max-width:600px){.termsModal{padding:20px 16px}.termsText{max-height:55vh}}
.planChoices{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px;display:grid}.request .planChoices button{color:#063b73;background:#fff;border:2px solid #b9ccdc;flex-direction:column;gap:4px;padding:13px 8px;display:flex}.request .planChoices button.selected{color:#032e57;background:linear-gradient(135deg,#e8a600,#ffdc4b,#cc8c00);border-color:#d89b00}.planChoices span{font-size:12px;font-weight:600}@media (max-width:600px){.planChoices{grid-template-columns:1fr}}
