.bronto-login{--font-login:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--login-body-h:274px;box-sizing:border-box;min-height:100vh;font-family:var(--font-login);color:#1a1a6e;background:linear-gradient(135deg,#f0f2ff 0%,#e8ecff 25%,#f5f0ff 50%,#eef2ff 75%,#f8f9ff 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bronto-login:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#6a82fb14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60f 0%,#0000 40%),radial-gradient(circle at 60% 80%,#6ec6ff0d 0%,#0000 40%);position:fixed;inset:0}.bronto-login .main-container{box-sizing:content-box;z-index:1;background:linear-gradient(145deg,#ffffffeb 0%,#f0f3ffe0 100%);border:1px solid #fff9;border-radius:24px;width:95vw;max-width:1100px;height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #1a1a6e14,0 0 80px #6a82fb0f,inset 0 1px #fffc}.bronto-login .hero-section{box-sizing:content-box;flex-direction:column;flex:1.15;justify-content:center;align-items:center;min-width:0;padding:0 30px;display:flex;position:relative;overflow:hidden}.bronto-login .sphere-box{flex:none;width:100%;height:320px;position:relative}.bronto-login .sphere-canvas{z-index:1;pointer-events:none;width:144%;height:176%;position:absolute;inset:-38% -22%}.bronto-login .data-wave-container{z-index:0;opacity:.35;pointer-events:none;width:180%;height:60px;position:absolute;top:calc(50% - 30px);left:-40%;overflow:hidden}.bronto-login .wave-line{width:100%;height:1px;position:absolute;top:50%}.bronto-login .wave-line:first-child{filter:blur(.5px);background:linear-gradient(90deg,#0000 0%,#6a82fb66 20%,#8b5cf64d 50%,#6ec6ff66 80%,#0000 100%)}.bronto-login .wave-line:nth-child(2){filter:blur(1px);background:linear-gradient(90deg,#0000 0%,#6ec6ff4d 30%,#ec489933 60%,#0000 100%);top:calc(50% + 5px)}.bronto-login .wave-line:nth-child(3){filter:blur(1.5px);background:linear-gradient(90deg,#0000 5%,#8b5cf633 40%,#6a82fb4d 70%,#0000 95%);top:calc(50% - 5px)}.bronto-login .wave-dot{border-radius:50%;animation:linear infinite oflogin-dot-drift;position:absolute}@keyframes oflogin-dot-drift{0%{opacity:0;transform:translate(-30px)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translate(1000px)}}.bronto-login .hero-foot{z-index:2;flex-direction:column;align-items:center;margin-top:30px;display:flex;position:relative}.bronto-login .slogan{text-align:center;z-index:2;position:relative}.bronto-login .slogan h1{color:#1a1a6e;background:linear-gradient(135deg,#120a8f 0%,#2d4de0 100%);-webkit-text-fill-color:transparent;letter-spacing:-.025em;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.3rem;font-weight:800;line-height:1.08}.bronto-login .badges{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex;position:relative}.bronto-login .badge{color:#5a5e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#ffffff73;border:1.5px solid #6a82fb40;border-radius:30px;padding:8px 22px;font-size:.78rem;font-weight:500;line-height:16px;transition:all .3s;animation:3s ease-in-out infinite oflogin-badge-glow;box-shadow:0 0 8px #6a82fb1f,0 0 20px #8b5cf60f,inset 0 0 8px #6a82fb0d}.bronto-login .badge:nth-child(2){animation-delay:1s}.bronto-login .badge:nth-child(3){animation-delay:2s}@keyframes oflogin-badge-glow{0%,to{border-color:#6a82fb40;box-shadow:0 0 8px #6a82fb1f,0 0 20px #8b5cf60f,inset 0 0 8px #6a82fb0d}50%{border-color:#6ec6ff66;box-shadow:0 0 14px #6a82fb40,0 0 30px #8b5cf61f,inset 0 0 12px #6ec6ff1a}}.bronto-login .badge:hover{color:#4a6cf7;background:#4a6cf70f;border-color:#6ec6ff99;transform:translateY(-2px);box-shadow:0 0 18px #6a82fb4d,0 0 35px #8b5cf626,inset 0 0 15px #6ec6ff1f}.bronto-login .login-card{box-sizing:border-box;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:5;background:linear-gradient(165deg,#ffffff80 0%,#e6ebff59 30%,#f5f7ff66 60%,#ffffff73 100%);border-left:1px solid #ffffff80;border-radius:0 24px 24px 0;flex-direction:column;justify-content:center;width:410px;min-width:370px;padding:42px 38px;display:flex;position:relative}.bronto-login .login-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#ffffffb3,#c8d2ff40,#ffffff80) border-box;border:1px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bronto-login .brand-logo{width:auto;max-width:none;height:32px;margin:0 auto 26px;display:block}.bronto-login .login-title{color:#1a1a6e;text-align:center;margin-bottom:8px;font-size:1.55rem;font-weight:800;line-height:32px}.bronto-login .login-title-soft{color:#5a6088;font-weight:500}.bronto-login .login-tagline{color:#5a6088;letter-spacing:.32em;text-transform:uppercase;text-align:center;margin-bottom:30px;font-size:.72rem;font-weight:600;line-height:15px}.bronto-login .login-body{min-height:var(--login-body-h);flex-direction:column;display:flex}.bronto-login .login-form{margin:0}.bronto-login .form-gap{height:12px;position:relative}.bronto-login .login-msg{height:16px;font:500 .78rem/16px var(--font-login);letter-spacing:normal;white-space:nowrap;align-items:center;gap:8px;padding-left:20px;display:flex;position:absolute;top:-9px;left:0;right:0}.bronto-login .login-msg svg{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:14px;height:14px}.bronto-login .login-msg--error{color:#b42318}.bronto-login .login-msg--info{color:#2d4de0}.bronto-login .login-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bronto-login .input-group{margin-bottom:14px;position:relative}.bronto-login .input-group input{box-sizing:border-box;width:100%;font:400 .88rem/18px var(--font-login);letter-spacing:normal;color:#1a1a6e;background:#f0f2ff99;border:1.5px solid #b4b9d280;border-radius:50px;outline:none;padding:13px 48px 13px 20px;transition:all .3s}.bronto-login .input-group input::placeholder{color:#8a8db0;opacity:1}.bronto-login .input-group input:focus{background:#ffffffd9;border-color:#4a6cf7;box-shadow:0 0 0 4px #4a6cf714}.bronto-login .input-group.is-invalid input,.bronto-login .input-group.is-invalid input:focus{background:#ffffffd9;border-color:#d92d20;box-shadow:0 0 0 4px #d92d2014}.bronto-login .input-icon{background:0 0;border:0;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.bronto-login .input-icon svg{stroke:#8a8db0;fill:none;stroke-width:1.8px;width:19px;height:19px}.bronto-login .password-toggle{cursor:pointer}.bronto-login .sign-in-btn{box-sizing:border-box;width:100%;font:600 .95rem/19px var(--font-login);color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#1a2980 0%,#2d4de0 25%,#4a8cf7 50%,#6ec6ff 65%,#4a8cf7 80%,#1a2980 100%) 0 0/250% 250%;border:none;border-radius:50px;padding:14px;transition:transform .3s,box-shadow .3s;animation:5s infinite oflogin-btn-shimmer;display:block;position:relative;overflow:hidden;box-shadow:0 8px 30px #4a6cf766,0 2px 8px #4a6cf733,inset 0 1px #fff3}@keyframes oflogin-btn-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bronto-login .sign-in-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #4a6cf780,0 4px 15px #4a6cf74d}.bronto-login .sign-in-btn:active{transform:translateY(0)}.bronto-login .sign-in-btn:focus-visible,.bronto-login .sso-btn:focus-visible{outline-offset:3px;outline:2px solid #2d4de0}.bronto-login .or-row{color:#1a1a6e80;align-items:center;gap:12px;margin:18px 0 14px;font-size:.72rem;font-weight:500;line-height:15px;display:flex}.bronto-login .or-row:before,.bronto-login .or-row:after{content:"";background:#1a1a6e1f;flex:1;height:1px}.bronto-login .sso-shimmer-wrapper{background:linear-gradient(90deg,#e8eeff,#120a8f,#4a7cf7,#7bbfff,#4a7cf7,#120a8f,#e8eeff) 0 0/200%;border-radius:50px;padding:2px;transition:all .3s;animation:6s linear infinite oflogin-sso-shimmer}.bronto-login .sso-shimmer-wrapper:hover{animation-duration:3s}@keyframes oflogin-sso-shimmer{0%{background-position:200%}to{background-position:-200%}}.bronto-login .sso-btn{box-sizing:border-box;width:100%;font:600 .9rem/18px var(--font-login);letter-spacing:normal;color:#120a8f;cursor:pointer;background:#fff;border:none;border-radius:48px;justify-content:center;align-items:center;gap:10px;padding:13px 24px;display:flex}@media (max-width:900px){.bronto-login{padding:20px 0}.bronto-login .main-container{flex-direction:column;width:calc(100% - 24px);max-width:480px;height:auto}.bronto-login .slogan h1{font-size:1.8rem}.bronto-login .login-body{min-height:0}.bronto-login .hero-section{padding:26px 20px 28px}.bronto-login .sphere-box{height:230px}.bronto-login .hero-foot{margin-top:22px}.bronto-login .login-card{border-left:none;border-radius:0 0 24px 24px;width:100%;min-width:0;padding:34px 26px 30px}.bronto-login .form-gap.has-msg{height:auto}.bronto-login .login-msg{white-space:normal;align-items:flex-start;height:auto;margin:-4px 0 12px;position:static}.bronto-login .login-msg svg{margin-top:1px}}@media (max-width:480px){.bronto-login .slogan h1{font-size:1.3rem}.bronto-login .badges{gap:8px;margin-top:18px}.bronto-login .badge{padding:6px 14px;font-size:.72rem;line-height:15px}.bronto-login .sphere-box{height:200px}}@media (prefers-reduced-motion:reduce){.bronto-login .wave-dot,.bronto-login .badge,.bronto-login .sign-in-btn,.bronto-login .sso-shimmer-wrapper{animation:none}.bronto-login .badge,.bronto-login .sign-in-btn,.bronto-login .input-group input,.bronto-login .sso-shimmer-wrapper{transition:none}.bronto-login .badge:hover,.bronto-login .sign-in-btn:hover,.bronto-login .sign-in-btn:active{transform:none}}