/* Login seguro da plataforma em modal */
body.ark-platform-login-open{overflow:hidden!important}
.ark-platform-login[hidden]{display:none!important}
.ark-platform-login{position:fixed;inset:0;z-index:50000;display:grid;place-items:center;padding:clamp(10px,1.5vw,24px);background:rgba(0,0,0,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ark-platform-login-dialog{position:relative;width:min(1720px,100%);height:min(920px,calc(100dvh - 32px));display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);overflow:hidden;border:1px solid rgba(77,105,170,.18);border-radius:28px;background:#01030d;box-shadow:0 40px 120px rgba(0,0,0,.72)}
.ark-platform-login-visual{position:relative;min-width:0;overflow:hidden;isolation:isolate;contain:paint;background:#01030d var(--platform-login-image) center center/contain no-repeat}
.ark-platform-login-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ark-platform-login-effects i{position:absolute;left:var(--x);top:var(--y);display:block;animation-delay:var(--delay);animation-duration:var(--duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.ark-platform-login-visual[data-visual="1"] .ark-platform-login-effects i{width:5px;height:5px;border-radius:50%;background:#78c8ff;box-shadow:0 0 8px #168cff,0 0 18px rgba(78,97,255,.9);animation-name:arkLoginPulse}
.ark-platform-login-visual[data-visual="1"] .ark-platform-login-effects i:nth-child(3n){width:3px;height:3px;background:#a390ff}
.ark-platform-login-visual[data-visual="1"] .ark-platform-login-effects i:nth-child(5n){width:7px;height:7px}
.ark-platform-login-visual[data-visual="2"] .ark-platform-login-effects i{width:clamp(70px,9vw,145px);height:clamp(28px,4vw,62px);border-radius:50%;background:radial-gradient(ellipse,rgba(42,122,255,.34),rgba(44,62,190,.14) 45%,transparent 72%);filter:blur(9px);animation-name:arkLoginGasRight}
.ark-platform-login-visual[data-visual="2"] .ark-platform-login-effects i:nth-child(even){animation-name:arkLoginGasLeft}
.ark-platform-login-visual[data-visual="3"] .ark-platform-login-effects i{width:4px;height:4px;border-radius:50%;background:#67d4ff;box-shadow:0 0 9px #138cff,0 0 18px rgba(112,61,255,.7);animation-name:arkLoginRise;animation-timing-function:linear}
.ark-platform-login-visual[data-visual="3"] .ark-platform-login-effects i:nth-child(4n){width:6px;height:6px;background:#a17cff}
@keyframes arkLoginPulse{0%,100%{opacity:.12;transform:scale(.55)}45%{opacity:1;transform:scale(1.45)}70%{opacity:.38;transform:scale(.85)}}
@keyframes arkLoginGasRight{0%{opacity:0;transform:translate(-35%,-10%) scale(.55)}30%{opacity:.48}100%{opacity:0;transform:translate(260%,20%) scale(1.5)}}
@keyframes arkLoginGasLeft{0%{opacity:0;transform:translate(-65%,-10%) scale(.55)}30%{opacity:.48}100%{opacity:0;transform:translate(-360%,20%) scale(1.5)}}
@keyframes arkLoginRise{0%{opacity:0;transform:translate3d(0,35px,0) scale(.5)}15%{opacity:.85}78%{opacity:.6}100%{opacity:0;transform:translate3d(22px,-540px,0) scale(1.2)}}
.ark-platform-login-access{position:relative;z-index:2;min-width:0;display:grid;grid-template-rows:auto 1fr;background:#01030d}
.ark-platform-login-head{position:relative;min-height:118px;display:flex;align-items:center;justify-content:center;padding:26px 30px;border:0}
.ark-platform-login-brand{display:flex;align-items:center;gap:14px;color:#fff;font-size:16px;font-weight:800;letter-spacing:.08em}
.ark-platform-login-brand img{width:154px;height:auto;display:block}
.ark-platform-login-close{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:.2s}
.ark-platform-login-close:hover{border-color:#6f8dff;background:rgba(111,141,255,.1);transform:translateY(-50%) rotate(4deg)}
.ark-platform-login-close::before,.ark-platform-login-close::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:1.5px;background:currentColor}
.ark-platform-login-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.ark-platform-login-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.ark-platform-login-form-wrap{display:grid;place-items:center;min-height:0;padding:30px clamp(30px,6vw,90px) 90px;background:#01030d}
.ark-platform-login-form{width:min(460px,100%);display:flex;flex-direction:column;color:#fff}
.ark-platform-login-form h2{margin:0 0 42px;text-align:center;font-size:32px;line-height:1.1;letter-spacing:-.03em}
.ark-platform-login-form label{margin:0 0 9px;color:#a5aab4;font-size:14px}
.ark-platform-login-field{height:58px;display:flex;align-items:center;gap:13px;margin-bottom:22px;padding:0 16px;border:1px solid #353943;border-radius:10px;background:#05070a;transition:.2s}
.ark-platform-login-field:focus-within{border-color:#6684ff;box-shadow:0 0 0 3px rgba(102,132,255,.12)}
.ark-platform-login-field-icon{width:22px;height:22px;display:grid;place-items:center;color:#9aa4b5;flex:0 0 22px}
.ark-platform-login-field-icon svg,.ark-platform-login-password-toggle svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ark-platform-login-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit}
.ark-platform-login-password-toggle{position:relative;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#a3aab7;cursor:pointer;transition:color .2s ease,transform .2s ease}
.ark-platform-login-password-toggle:hover{color:#dbe3ff;transform:scale(1.04)}
.ark-platform-login-password-toggle .ark-eye-closed{display:none}
.ark-platform-login-password-toggle.is-visible .ark-eye-open{display:none}
.ark-platform-login-password-toggle.is-visible .ark-eye-closed{display:block}
.ark-platform-login-password-toggle.is-visible svg{color:#7e99ff}
.ark-platform-login-signin,.ark-platform-login-recovery{display:flex;flex-direction:column}
.ark-platform-login-signin[hidden],.ark-platform-login-recovery[hidden]{display:none!important}
.ark-platform-login-forgot{align-self:flex-end;margin:-10px 0 28px;padding:0;border:0;background:none;color:#7094ff;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.ark-platform-login-message{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(112,148,255,.28);border-radius:10px;background:rgba(112,148,255,.08);color:#cbd6ff;font-size:14px;line-height:1.45}
.ark-platform-login-submit{height:58px;border:0;border-radius:10px;background:linear-gradient(110deg,#5379ff,#8c4fff);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 14px 34px rgba(93,103,255,.25);transition:.2s}
.ark-platform-login-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:900px){
  .ark-platform-login{padding:0}
  .ark-platform-login-dialog{width:100%;height:100dvh;border:0;border-radius:0;grid-template-columns:1fr}
  .ark-platform-login-visual{display:none}
  .ark-platform-login-head{min-height:76px;padding:14px 18px}
  .ark-platform-login-brand img{width:100px}
  .ark-platform-login-close{width:44px;height:44px;flex-basis:44px}
  .ark-platform-login-form-wrap{padding:30px 24px}
}
@media(prefers-reduced-motion:reduce){.ark-platform-login-effects i{animation:none!important;opacity:.45}}

.ark-platform-login-recovery .ark-platform-login-field{margin-bottom:30px}

/* V9 · acesso da plataforma e fechamento confiável no mobile */
@media(max-width:900px){
  .ark-platform-login-close{right:16px;top:16px;transform:none}
  .ark-platform-login-close:hover{transform:rotate(4deg)}
  .ark-platform-login-form h2{max-width:300px;margin-left:auto;margin-right:auto;font-size:28px;line-height:1.08}
}