/* Authentication-only presentation for the isolated Voltron Xtreme theme. */
.vx-whmcs-auth #main-body{position:relative;overflow:hidden;padding:clamp(2.5rem,7vw,6.5rem) 0}.vx-whmcs-auth #main-body:before,.vx-whmcs-auth #main-body:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px)}.vx-whmcs-auth #main-body:before{width:32rem;height:32rem;right:-12rem;top:-15rem;background:radial-gradient(circle,rgba(11,143,206,.3),transparent 68%)}.vx-whmcs-auth #main-body:after{width:22rem;height:22rem;left:-9rem;bottom:-11rem;background:radial-gradient(circle,rgba(35,91,171,.24),transparent 68%)}
.vx-whmcs-auth .primary-content{position:relative;z-index:1}.vx-whmcs-auth .login-form{display:flex;justify-content:center}.vx-whmcs-auth .login-form>.card,.vx-whmcs-auth .row.justify-content-center>.card{width:min(100%,34rem);overflow:hidden;border-radius:1.35rem!important}.vx-whmcs-auth .login-form>.card:before,.vx-whmcs-auth .row.justify-content-center>.card:before{content:"Secure customer access";display:block;padding:.75rem 1.5rem;color:#c9eaff;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(90deg,rgba(11,143,206,.24),rgba(9,38,79,.12));border-bottom:1px solid var(--vx-line)}
.vx-whmcs-auth .login-form h6,.vx-whmcs-auth .row.justify-content-center h6{font-size:clamp(1.8rem,4vw,2.55rem);font-weight:850;letter-spacing:-.04em}.vx-whmcs-auth .input-group-text{color:#78bee3;border-color:rgba(55,164,215,.28);background:rgba(3,16,37,.68)}.vx-whmcs-auth .login-form .btn-primary{min-width:8.5rem}.vx-whmcs-auth .login-form .card-footer{padding:1.15rem 3rem!important}.vx-whmcs-auth .providerLinkingFeedback:empty{display:none}
.vx-whmcs-auth.vx-page-two-factor-challenge .primary-content,.vx-whmcs-auth.vx-page-two-factor-new-backup-code .primary-content{display:flex;justify-content:center}.vx-whmcs-auth.vx-page-two-factor-challenge .primary-content>.card,.vx-whmcs-auth.vx-page-two-factor-new-backup-code .primary-content>.card{width:min(100%,34rem);overflow:hidden;border-radius:1.35rem!important}.vx-whmcs-auth.vx-page-two-factor-challenge .primary-content>.card:before,.vx-whmcs-auth.vx-page-two-factor-new-backup-code .primary-content>.card:before{content:"Protected account verification";display:block;padding:.75rem 1.5rem;color:#c9eaff;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(90deg,rgba(11,143,206,.24),rgba(9,38,79,.12));border-bottom:1px solid var(--vx-line)}.vx-whmcs-auth [name="twofabackupcode"]{letter-spacing:.08em}.vx-whmcs-auth .vx-backup-code{padding:1rem;border:1px dashed rgba(55,164,215,.42);border-radius:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;overflow-wrap:anywhere}
.vx-whmcs-auth #registration{max-width:64rem;margin:0 auto}.vx-whmcs-auth #registration:before{content:"Create your Voltron Xtreme account";display:block;margin:0 0 .5rem;color:#fff;font-size:clamp(2rem,4.5vw,3.45rem);font-weight:850;letter-spacing:-.045em;line-height:1.03}.vx-whmcs-auth #registration>.using-password-strength>.card,.vx-whmcs-auth #registration .card{overflow:hidden;border-radius:1.25rem!important}.vx-whmcs-auth #registration .card-title{font-weight:800;letter-spacing:-.025em}.vx-whmcs-auth #registration .field-icon{color:#68b4dd!important}.vx-whmcs-auth #registration .form-control,.vx-whmcs-auth #registration .field{min-height:3rem}.vx-whmcs-auth .progress{height:.55rem;background:rgba(255,255,255,.08)}
.vx-whmcs-auth.vx-page-user-invite-accept .primary-content>.card{max-width:70rem;margin-right:auto;margin-left:auto}.vx-whmcs-auth .invite-box{height:100%;padding:24px;border:1px solid rgba(55,164,215,.18);border-radius:16px;background:rgba(4,20,45,.42)}.vx-whmcs-auth .invite-box h2{color:#fff;font-size:1.45rem}.vx-whmcs-auth.vx-page-user-verify-email .primary-content{display:flex;justify-content:center}.vx-whmcs-auth.vx-page-user-verify-email .primary-content>.card{width:min(100%,34rem);overflow:hidden;border-radius:1.35rem!important}
html[data-vx-theme="light"] .vx-whmcs-auth .login-form>.card:before,html[data-vx-theme="light"] .vx-whmcs-auth .row.justify-content-center>.card:before,html[data-vx-theme="light"] .vx-whmcs-auth.vx-page-two-factor-challenge .primary-content>.card:before,html[data-vx-theme="light"] .vx-whmcs-auth.vx-page-two-factor-new-backup-code .primary-content>.card:before{color:#0a4d78;background:linear-gradient(90deg,rgba(11,143,206,.15),rgba(255,255,255,.55))}html[data-vx-theme="light"] .vx-whmcs-auth .input-group-text{color:#0a699e;background:#edf7fc;border-color:rgba(10,76,130,.2)}html[data-vx-theme="light"] .vx-whmcs-auth #registration:before{color:#092f56}html[data-vx-theme="light"] .vx-whmcs-auth #registration .field-icon{color:#0b78b4!important}html[data-vx-theme="light"] .vx-whmcs-auth .progress{background:rgba(9,52,89,.1)}
html[data-vx-theme="light"] .vx-whmcs-auth .invite-box{color:#163b5b;border-color:rgba(10,76,130,.14);background:rgba(255,255,255,.72)}html[data-vx-theme="light"] .vx-whmcs-auth .invite-box h2{color:#0b294d}
@media(max-width:575px){.vx-whmcs-auth #main-body{padding:1.5rem 0 3rem}.vx-whmcs-auth .login-form>.card,.vx-whmcs-auth .row.justify-content-center>.card{border-radius:1rem!important}.vx-whmcs-auth .login-form .card-body,.vx-whmcs-auth .row.justify-content-center .card-body{padding:2rem 1.35rem!important}.vx-whmcs-auth .login-form .card-footer{padding:1rem 1.35rem!important}.vx-whmcs-auth #registration .card-body{padding:1.35rem!important}.vx-whmcs-auth .invite-box{padding:18px}}
@media(prefers-reduced-motion:reduce){.vx-whmcs-auth #main-body:before,.vx-whmcs-auth #main-body:after{filter:none}}

/* Voltron public login: the branded public shell owns the presentation; WHMCS only handles the form action. */
.vx-page-login,.vx-page-login button,.vx-page-login input{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vx-page-login .button{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));background:linear-gradient(110deg,#31b9ef,#0b8fce)!important}.vx-page-login .button.ghost{background:rgba(6,21,45,.72)!important}.vx-page-login .vx-theme-toggle{border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.vx-page-login .brand-name{font-weight:900}.vx-page-login .links a,.vx-page-login .button{font-weight:800}
.vx-page-login .login-stage{position:relative;isolation:isolate;min-height:calc(100vh - 150px);overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(11,143,206,.2),transparent 27%),radial-gradient(circle at 16% 82%,rgba(23,77,156,.2),transparent 29%)}.vx-page-login .login-stage:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(71,132,206,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(71,132,206,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.vx-page-login .login-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none}.vx-page-login .login-atmosphere i{position:absolute;width:4px;height:4px;border-radius:50%;background:#268bd0;box-shadow:0 0 16px rgba(38,139,208,.8)}.vx-page-login .login-atmosphere i:nth-child(1){left:7%;top:22%}.vx-page-login .login-atmosphere i:nth-child(2){left:17%;top:72%}.vx-page-login .login-atmosphere i:nth-child(3){left:37%;top:15%}.vx-page-login .login-atmosphere i:nth-child(4){left:46%;top:84%}.vx-page-login .login-atmosphere i:nth-child(5){left:63%;top:29%}.vx-page-login .login-atmosphere i:nth-child(6){left:76%;top:77%}.vx-page-login .login-atmosphere i:nth-child(7){left:88%;top:18%}.vx-page-login .login-atmosphere i:nth-child(8){left:94%;top:61%}
.vx-page-login .login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);align-items:center;gap:clamp(48px,8vw,118px);min-height:720px;padding-top:72px;padding-bottom:72px}.vx-page-login .login-intro{max-width:650px}.vx-page-login .login-intro h1{margin:16px 0 24px;color:#f4faff;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.06em}.vx-page-login .login-intro h1 span{color:#58aee4}.vx-page-login .login-intro>p{max-width:570px;margin:0;color:#a8b9cf;font-size:18px;line-height:1.7}.vx-page-login .login-benefits{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:34px;color:#91a7c0;font-size:12px;font-weight:700}.vx-page-login .login-benefits b{margin-right:7px;color:#5dafe2}
.vx-page-login .login-panel-wrap{position:relative}.vx-page-login .login-orbit{position:absolute;border:1px solid rgba(56,142,205,.26);border-radius:50%;pointer-events:none}.vx-page-login .orbit-one{width:500px;height:500px;right:-120px;top:-78px}.vx-page-login .orbit-two{width:390px;height:390px;right:-62px;top:-22px;border-style:dashed;transform:rotate(18deg)}.vx-page-login .vx-login-card{position:relative;z-index:1;display:block;padding:26px 30px 28px;border:1px solid rgba(104,176,226,.28);border-radius:24px;background:linear-gradient(145deg,rgba(14,34,62,.95),rgba(7,20,40,.96));box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px)}
.vx-page-login .login-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.vx-page-login .login-card-mark{display:grid;place-items:center;width:58px;height:36px}.vx-page-login .login-card-mark img{width:58px;height:34px;object-fit:contain}.vx-page-login .login-card-status{display:flex;align-items:center;gap:8px;color:#a9c4d8;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.vx-page-login .login-card-status i{width:7px;height:7px;border-radius:50%;background:#45d49d;box-shadow:0 0 12px rgba(69,212,157,.8)}.vx-page-login .login-card-heading{margin-bottom:22px}.vx-page-login .login-card-heading h2{margin:7px 0 8px;color:#fff;font-size:30px;letter-spacing:-.04em}.vx-page-login .login-card-heading p{margin:0;color:#91a7c0;font-size:14px;line-height:1.55}.vx-page-login .card-kicker{color:#5dafe2;font-size:11px;font-weight:900;letter-spacing:.15em}
.vx-page-login .vx-field{display:block;margin-bottom:17px;color:#dbeefa;font-size:12px;font-weight:800}.vx-page-login .vx-field>span:first-child,.vx-page-login .field-label-row{display:flex;justify-content:space-between;margin-bottom:8px}.vx-page-login .field-label-row a{color:#6db7e6;text-decoration:none}.vx-page-login .vx-field input{box-sizing:border-box;width:100%;height:50px;padding:0 15px;border:1px solid rgba(100,165,210,.27);border-radius:12px;outline:0;color:#eef8ff;background:rgba(3,15,31,.66);font:inherit;font-size:14px}.vx-page-login .password-field{position:relative;display:block}.vx-page-login .password-field input{padding-right:46px}.vx-page-login .password-reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;color:#6fa8cc;background:transparent}.vx-page-login .remember-row{display:flex;align-items:center;gap:10px;margin:2px 0 19px;color:#98aec2;font-size:12px}.vx-page-login .remember-row input{accent-color:#268bd0}.vx-page-login .login-submit{display:flex;width:100%;justify-content:space-between;padding:15px 17px;border:0;background:linear-gradient(135deg,#174f9c,#0b82c8 58%,#086aa9);box-shadow:0 14px 34px rgba(6,79,145,.32)}.vx-page-login .login-create{margin:21px 0 0;text-align:center;color:#91a7c0;font-size:12px}.vx-page-login .login-create a{color:#75bce8;font-weight:800;text-decoration:none}.vx-page-login .providerLinkingFeedback:empty{display:none}
html[data-vx-theme="light"] .vx-page-login .login-stage{background:radial-gradient(circle at 72% 18%,rgba(11,143,206,.14),transparent 28%),radial-gradient(circle at 15% 82%,rgba(23,77,156,.1),transparent 30%),#f5f9fc}html[data-vx-theme="light"] .vx-page-login .login-intro h1{color:#092c51}html[data-vx-theme="light"] .vx-page-login .login-intro h1 span{color:#176da8}html[data-vx-theme="light"] .vx-page-login .login-intro>p,html[data-vx-theme="light"] .vx-page-login .login-benefits{color:#526b80}html[data-vx-theme="light"] .vx-page-login .vx-login-card{border-color:rgba(14,84,134,.17);background:linear-gradient(145deg,#fff,#ebf5fb);box-shadow:0 34px 80px rgba(18,58,91,.17)}html[data-vx-theme="light"] .vx-page-login .login-card-heading h2{color:#092c51}html[data-vx-theme="light"] .vx-page-login .login-card-heading p,html[data-vx-theme="light"] .vx-page-login .remember-row,html[data-vx-theme="light"] .vx-page-login .login-create{color:#566f82}html[data-vx-theme="light"] .vx-page-login .vx-field{color:#123f63}html[data-vx-theme="light"] .vx-page-login .vx-field input{border-color:rgba(15,74,115,.2);color:#133954;background:#fff}
@media(max-width:900px){.vx-page-login .login-layout{grid-template-columns:1fr;gap:44px;min-height:auto}.vx-page-login .login-panel-wrap{width:min(100%,540px);margin:auto}.vx-page-login .links{display:none}}@media(max-width:560px){.vx-page-login .login-layout{padding-top:48px;padding-bottom:50px}.vx-page-login .login-intro h1{font-size:44px}.vx-page-login .login-benefits{display:grid}.vx-page-login .vx-login-card{padding:22px 19px;border-radius:18px}.vx-page-login .login-orbit{display:none}}
