*{box-sizing:border-box}body{margin:0;background:#061321;color:#e8f1fa;font:14px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:dark}.security-layout{display:grid;grid-template-columns:1.15fr 1fr;max-width:1320px;min-height:100vh;margin:auto}.security-story{background:radial-gradient(ellipse at 10% 15%,#15446880,transparent 60%),linear-gradient(155deg,#0d243a,#071624);padding:42px 55px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #233c50;overflow:hidden}.security-brand{width:235px}.ui-brand-image{width:100%;height:90px;object-fit:contain;filter:url(#pd-logo-tone)}.ui-brand-compact{display:none}.security-intro{margin:65px 0 30px}.security-kicker{font-size:9px;letter-spacing:2px;color:#6eb9e0;display:block;margin-bottom:15px}.security-story h2{font-size:clamp(28px,3.5vw,43px);line-height:1.2;letter-spacing:-1.4px;font-weight:650}.security-story h2 span{color:#83c8e8}.security-story p{max-width:360px;font-size:14px;color:#92adc4}.security-story>small{font-size:10px;color:#7893aa}.security-visual{margin:30px -25px 0}.security-visual svg{width:100%;height:auto}.security-visual span{display:block;font-size:8px;letter-spacing:4px;color:#547d9c;margin:5px 24px}.security-page main{align-self:center;padding:60px clamp(30px,5vw,80px);max-width:610px;width:100%}.security-page h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}.security-page p,.security-page small{color:#9bafc2}.security-page main>p{font-size:12px;margin-bottom:25px}.security-page label{display:block;font-size:12px;color:#c6d6e5;margin:20px 0}.security-page input,.security-page select{width:100%;display:block;background:#0e2235;border:1px solid #2a4861;color:#ecf5ff;padding:13px 14px;font:inherit;border-radius:7px;margin-top:7px}.security-page input[type=checkbox]{display:inline;width:auto}.security-page :focus-visible{outline:2px solid #4ec1f3;outline-offset:3px}.security-page button{border:0;border-radius:7px;background:#ffcc00;color:#152434;padding:13px 20px;font:700 13px system-ui;cursor:pointer}.security-page form>button{width:100%;margin-top:12px}.security-page form{margin:25px 0}.security-page a{color:#66c9fa}.security-page .error{background:#492636;border:1px solid #8e3e54;color:#ffd7e0;padding:13px;border-radius:7px}.security-page code{overflow-wrap:anywhere}.security-page .scroll{overflow:auto}.security-page table{border-collapse:collapse;font-size:11px;width:100%}.security-page td,.security-page th{border-bottom:1px solid #294258;padding:10px;text-align:left}.security-page details{padding:15px 0;border-bottom:1px solid #294258}.security-page summary{cursor:pointer}.security-page .account{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.security-connection{font-size:10px!important;display:flex;align-items:center;justify-content:center;gap:7px;color:#98b5cb!important;margin:24px 0!important}.ui-icon{width:17px;height:17px;vertical-align:middle}.security-session-note{font-size:10px!important;border-top:1px solid #21384b;padding-top:18px;margin-top:25px}.security-version{font-size:10px;color:#718ba1!important}.security-mobile-brand{display:none;font-size:23px;font-weight:750;margin-bottom:45px;color:#fff}.security-mobile-brand span{color:#ffcc00}.password-field{position:relative}.security-page .password-field input{padding-right:75px}.security-page button.password-toggle{position:absolute;right:5px;top:5px;width:auto;margin:0;padding:9px;background:transparent;color:#86c8eb;font-size:10px}.screen-users .security-layout{grid-template-columns:260px 1fr;max-width:1500px}.screen-users .security-story{padding:25px}.screen-users .security-brand{width:200px}.screen-users .security-story h2{font-size:27px}.screen-users main{max-width:1100px;padding:45px}.screen-users .security-intro{display:none}@media(max-width:800px){.security-layout,.screen-users .security-layout{display:block;min-height:100vh}.security-story{display:none}.security-page main,.screen-users main{max-width:520px;margin:auto;padding:45px 25px}.security-mobile-brand{display:block}}
/* Keep the password control inside the field and preserve the original logo on mobile. */
.password-field{display:block;margin-top:7px}.security-page .password-field input{margin-top:0}.security-page .security-mobile-brand img{width:220px;max-width:100%;height:90px;object-fit:contain;filter:url(#pd-logo-tone)}
