.credential-modal{border:0;padding:0;border-radius:23px;background:#092439;color:#f7fcff;width:min(94vw,465px);max-height:min(92dvh,800px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-shadow:0 32px 100px #00101bba;font-family:'League Spartan',Arial,sans-serif}
.credential-modal::backdrop{background:rgba(1,11,25,.78);backdrop-filter:blur(9px)}
.credential-shell{position:relative;min-height:100%;padding:28px clamp(22px,5vw,36px) 28px;border:1px solid #36616c;border-radius:23px;background:radial-gradient(circle at 83% -10%,#125b54 0%,transparent 38%),linear-gradient(143deg,#092a41,#08192d 77%)}
.credential-close{position:absolute;top:15px;right:16px;width:38px;height:38px;border:1px solid #ffffff37;border-radius:12px;background:#ffffff0e;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.credential-brand{display:block;margin-bottom:24px}
.credential-brand img{display:block;width:min(200px,58%);height:auto;max-height:57px;object-fit:contain;object-position:left}
.credential-eyebrow{display:block;color:#ffca53;font-size:12px;letter-spacing:.03em;font-weight:800}
.credential-modal h2{margin:8px 0 11px;font-weight:700;font-size:clamp(25px,6vw,35px);letter-spacing:-.025em;line-height:1.08;color:#fff}
.credential-intro{font-size:15px;line-height:1.48;color:#b7d3dc;margin:0 0 20px}
.credential-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:13px;background:#ffffff13;border:1px solid #ffffff1c;margin-bottom:18px}
.credential-tabs button{border:0;border-radius:9px;min-height:43px;background:transparent;color:#abc4ce;font-weight:700;font-size:15px;cursor:pointer}
.credential-tabs button.active{background:linear-gradient(110deg,#0b8fda,#12ba94);color:#fff;box-shadow:0 4px 14px #00101b60}
.credential-tabs[hidden]{display:none}
.credential-form{display:grid;gap:14px}.credential-form label{display:grid;gap:7px;color:#e4f3f4;font-size:14px;font-weight:700}
.credential-form label[hidden]{display:none}
.credential-form input{width:100%;min-height:49px;padding:13px 15px;border-radius:10px;border:1px solid #47717a;background:#071b30;color:#fff;outline:none;font-size:15px;box-sizing:border-box}
.credential-form input::placeholder{color:#7996a5}.credential-form input:focus{border-color:#49e7bf;box-shadow:0 0 0 3px #19cbae20}
.credential-password-wrap{position:relative;display:block}
.credential-password-wrap>input{padding-right:88px}
.credential-password-wrap>button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:8px;border:0;background:transparent;color:#67e1ce;font:inherit;font-size:12px;cursor:pointer}
.credential-form label.credential-remember{display:flex;align-items:center;gap:10px;font-weight:500;font-size:13px;color:#c2dbe1;margin-top:-2px}
.credential-remember input{width:17px;min-height:17px;height:17px;accent-color:#12bd9d;cursor:pointer}
.credential-submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;margin-top:7px;padding:12px;border:0;border-radius:12px;color:#092638;background:#ffbd32;font-size:16px;font-weight:800;cursor:pointer}
.credential-submit span{font-size:22px}.credential-submit:hover{background:#ffca58}
.credential-feedback{padding:12px;margin-top:14px;border-radius:10px;border:1px solid #4bd9a666;background:#0ba78920;color:#acffe4;font-size:14px;line-height:1.4}
.credential-feedback[hidden]{display:none}
.credential-feedback.error{border-color:#e68478;background:#872e3740;color:#ffe1dc}
.credential-submit:disabled{cursor:wait;opacity:.65}
.credential-recover{margin:14px 0 0;padding:5px 0;border:0;background:none;color:#70f2d8;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:13px}
.credential-recover[hidden]{display:none}
.credential-disclaimer{padding:13px;margin-top:18px;border-radius:10px;background:#ffffff0b;border:1px dashed #62818c77;color:#a8c0c9;font-size:12px;line-height:1.48}
.credential-disclaimer strong{display:block;color:#ffcb65;font-size:11px;margin-bottom:4px}
/* Desktop: trilho integrado ao modal, fino e com contraste suave. */
@media(min-width:901px){
 .credential-modal{scrollbar-width:thin;scrollbar-color:#347887 #092439;scrollbar-gutter:stable}
 .credential-modal::-webkit-scrollbar{width:6px}
 .credential-modal::-webkit-scrollbar-track{background:#092439;border-radius:12px}
 .credential-modal::-webkit-scrollbar-thumb{background:#347887;border:1px solid #092439;border-radius:999px}
 .credential-modal::-webkit-scrollbar-thumb:hover{background:#50c8b9}
}
@media(max-width:480px){.credential-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);border-radius:18px}.credential-shell{border-radius:18px;padding:25px 20px 22px}.credential-brand{margin-bottom:22px}.credential-brand img{max-width:175px}.credential-intro{font-size:14px}}