/* VitelWeb Login Premium 3.0 - isolated login styles */
body.login-page.login-premium3{margin:0;min-height:100vh;background:#031326;color:#eaf5ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.login-premium3 .login-bg{background:radial-gradient(ellipse at 24% 65%,#06335b 0%,transparent 46%),radial-gradient(ellipse at 80% 78%,#064b7b 0%,transparent 38%),linear-gradient(120deg,#031225,#061a31 58%,#04111f)}
.login-premium3 .login-bg:before{display:none}
.login-premium3 .login-camera{position:absolute;left:0;top:0;width:min(19vw,280px);height:100%;background:url('../img/login-camera.webp') left center/cover no-repeat;opacity:.65;mask-image:linear-gradient(to right,#000 35%,transparent 100%)}
.login-premium3 .login-servers{position:absolute;right:0;top:0;width:min(15vw,220px);height:100%;background:url('../img/login-servers.webp') right center/cover no-repeat;opacity:.55;mask-image:linear-gradient(to left,#000 35%,transparent 100%)}
.login-premium3 .login-grid{inset:25% -25% -65%;transform:perspective(650px) rotateX(64deg);background-size:52px 52px;opacity:.55;animation:vw-grid 14s linear infinite}
.login-premium3 .login-wave{position:absolute;bottom:6%;left:0;right:0;height:110px;background:radial-gradient(ellipse at 50% 100%,rgba(0,195,255,.36),transparent 55%);filter:blur(16px);animation:vw-wave 6s ease-in-out infinite alternate}
.login-premium3 .login-shell{max-width:1420px;min-height:calc(100vh - 50px);padding:45px 7% 35px;grid-template-columns:1.1fr .9fr;gap:clamp(35px,5vw,95px)}
.login-premium3 .login-brand-panel{padding:30px 0 30px clamp(0px,2vw,30px)}
.login-premium3 .brand-copy{max-width:600px}
.login-premium3 .brand-main-logo{width:min(370px,90%);max-height:115px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 16px rgba(0,176,255,.36))}
.login-premium3 .brand-product,.login-premium3 .login-logo-caption{width:max-content;max-width:100%;border:1px solid #098dd5;background:linear-gradient(90deg,rgba(4,47,80,.9),rgba(7,29,55,.85));border-radius:9px;padding:5px 18px;color:#eaf8ff;font-size:clamp(12px,1.3vw,20px);font-weight:800;letter-spacing:3px;box-shadow:inset 0 0 10px rgba(0,177,255,.2)}
.login-premium3 .brand-accent{width:78px;height:7px;margin:30px 0 20px;border-radius:12px;background:linear-gradient(90deg,#02d9f8,#0874e8,transparent)}
.login-premium3 .brand-copy h2{font-size:clamp(35px,3.5vw,55px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:22px}
.login-premium3 .brand-copy h2 em{color:#06cafa;font-style:normal}
.login-premium3 .brand-copy p{max-width:480px;color:#d5e6f3;font-size:clamp(15px,1.2vw,19px);line-height:1.55;margin-bottom:32px}
.login-premium3 .service-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:590px}
.login-premium3 .service-pills span{border:1px solid #0865a1;background:rgba(2,23,49,.72);border-radius:16px;min-height:112px;padding:14px 6px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f1faff;font-size:12px;line-height:1.4;box-shadow:inset 0 0 15px rgba(0,126,228,.08)}
.login-premium3 .service-pills strong{font-size:28px;line-height:1.1;color:#b7ecff;margin-bottom:9px}
.login-premium3 .login-v2{width:100%;max-width:480px;padding:36px 38px 32px;border:2px solid #2cbdfc;border-radius:31px;background:linear-gradient(150deg,rgba(10,42,79,.91),rgba(2,16,38,.94));box-shadow:0 0 0 1px rgba(21,144,246,.24),0 0 38px rgba(0,164,255,.35),inset 0 0 45px rgba(0,94,187,.12);color:#fff;backdrop-filter:blur(18px)}
.login-premium3 .login-logo-wrap{border:0;padding:0;margin-bottom:26px;text-align:center}
.login-premium3 .login-logo{width:min(290px,100%);max-height:100px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(0,157,255,.35))}
.login-premium3 .login-logo-caption{margin:0 auto;font-size:12px;letter-spacing:2px;padding:5px 13px}
.login-premium3 .login-heading{margin-bottom:24px}
.login-premium3 .login-heading h1{color:#fff;font-size:29px;margin-bottom:5px}
.login-premium3 .login-heading p{color:#d5e4f2;font-size:14px}
.login-premium3 .login-form label{display:block;color:#b8d8f0;font-size:12px;font-weight:600;margin:13px 0 7px}
.login-premium3 .input-icon span{font-size:19px;color:#b7dfff;left:15px}
.login-premium3 .input-icon input{width:100%;box-sizing:border-box;height:54px;border:1px solid #3c9bdb;border-radius:13px;background:rgba(22,55,88,.72);color:#fff;padding:0 50px 0 46px;font-size:15px}
.login-premium3 .input-icon input::placeholder{color:#c5d5e5;opacity:.85}
.login-premium3 .input-icon input:focus{background:rgba(22,65,105,.92);border-color:#4ee1ff;box-shadow:0 0 0 3px rgba(4,183,255,.17)}
.login-premium3 .toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#d2eeff;font-size:26px;cursor:pointer;padding:6px 9px}
.login-premium3 .login-button{height:58px;margin-top:26px;border:1px solid #19c8ff;background:linear-gradient(110deg,#05bde9,#0864f7 72%,#0751db);color:#fff;border-radius:14px;font-size:16px;box-shadow:0 12px 25px rgba(0,85,255,.22)}
.login-premium3 .login-button:hover{box-shadow:0 12px 30px rgba(0,169,255,.48);filter:brightness(1.07)}
.login-premium3 .login-foot{color:#d4e9f6;border:0;margin-top:20px;padding:0;font-size:13px}
.login-premium3 .login-foot span{color:#00e8b6;font-size:20px;vertical-align:middle}
.login-premium3 .login-error{background:#572538;color:#fff;border-color:#ef7196}
.login-premium3 .login-global-foot{position:relative;z-index:1;text-align:center;color:#b3d2e9;font-size:12px;letter-spacing:.5px;padding:0 15px 20px}
@keyframes vw-grid{to{background-position:0 52px,52px 0}}
@keyframes vw-wave{to{opacity:.4;transform:translateY(14px)}}
@media(max-width:1000px){.login-premium3 .login-shell{gap:30px;padding:35px 4%}.login-premium3 .service-pills{grid-template-columns:repeat(2,1fr)}.login-premium3 .service-pills span{min-height:80px}.login-premium3 .brand-copy h2{font-size:37px}}
@media(max-width:760px){.login-premium3 .login-shell{grid-template-columns:1fr;gap:20px;padding:25px 18px}.login-premium3 .login-brand-panel{padding:0;text-align:center}.login-premium3 .brand-main-logo{max-width:260px;object-position:center}.login-premium3 .brand-product,.login-premium3 .brand-accent{margin-left:auto;margin-right:auto}.login-premium3 .brand-copy h2{font-size:30px}.login-premium3 .brand-copy p{margin:0 auto 18px}.login-premium3 .service-pills{grid-template-columns:repeat(4,1fr);margin:0 auto}.login-premium3 .service-pills span{font-size:10px;min-height:70px}.login-premium3 .login-v2{max-width:460px}}
@media(max-width:520px){.login-premium3 .login-brand-panel{display:block}.login-premium3 .brand-copy h2,.login-premium3 .brand-copy p,.login-premium3 .brand-accent,.login-premium3 .service-pills{display:none}.login-premium3 .brand-main-logo{max-width:190px;max-height:60px}.login-premium3 .brand-product{font-size:10px;padding:3px 10px}.login-premium3 .login-v2{padding:25px 21px;border-radius:22px}.login-premium3 .login-logo{max-width:220px}.login-premium3 .login-shell{min-height:calc(100vh - 60px);align-content:center}.login-premium3 .login-camera,.login-premium3 .login-servers{opacity:.2}}
@media(prefers-reduced-motion:reduce){.login-premium3 .login-grid,.login-premium3 .login-wave{animation:none}}