:root{--login-ink:#0d3442;--login-navy:#062b3a;--login-blue:#08aee5;--login-cyan:#64bcf4;--login-paper:#fffdf8;--login-cream:#f6f2e9;--login-muted:#607279}
.sinf-login-open{overflow:hidden}.sinf-login{width:min(440px,calc(100% - 28px));max-height:min(720px,calc(100dvh - 28px));margin:auto;padding:32px;overflow:auto;color:var(--login-ink);border:1px solid rgba(13,52,66,.14);border-radius:26px;background:var(--login-paper);box-shadow:0 28px 80px rgba(1,29,40,.3);font-family:'DM Sans',sans-serif}.sinf-login::backdrop{background:rgba(4,31,42,.72);backdrop-filter:blur(9px)}.sinf-login[open]{animation:sinf-login-in .22s ease-out}@keyframes sinf-login-in{from{opacity:0;transform:translateY(18px) scale(.98)}}
.sinf-login__accent{position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--login-blue),var(--login-cyan),var(--login-ink))}.sinf-login__close{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(13,52,66,.12);border-radius:50%;background:var(--login-cream);color:var(--login-ink);cursor:pointer;font:400 27px/1 sans-serif}.sinf-login__close:hover{background:#e8f7fb}.sinf-login__brand{width:104px;height:42px;display:flex;align-items:center;margin-bottom:22px}.sinf-login__brand img{display:block;max-width:100%;max-height:100%;object-fit:contain}.sinf-login__eyebrow{margin:0 0 7px;color:var(--login-blue);font-size:11px;font-weight:800;letter-spacing:.16em}.sinf-login h2{margin:0;font:800 29px/1.15 'Manrope',sans-serif;letter-spacing:-.8px}.sinf-login__description{margin:10px 0 24px;color:var(--login-muted);font-size:14px;line-height:1.55}
.sinf-login__form{display:grid;gap:17px}.sinf-login__field{display:grid;gap:7px;color:var(--login-ink);font-size:12px;font-weight:700}.sinf-login__control{min-height:52px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid rgba(13,52,66,.18);border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s}.sinf-login__control:focus-within{border-color:var(--login-blue);box-shadow:0 0 0 4px rgba(8,174,229,.12)}.sinf-login__control>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#688087;stroke-width:1.8}.sinf-login__control input{min-width:0;flex:1;padding:0;border:0;outline:0;background:transparent;color:var(--login-ink);font:500 15px 'DM Sans',sans-serif}.sinf-login__control input::placeholder{color:#93a0a4}.sinf-login__visibility{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;cursor:pointer}.sinf-login__visibility:hover{background:var(--login-cream)}.sinf-login__visibility svg{width:20px;fill:none;stroke:var(--login-muted);stroke-width:1.7}
.sinf-login__support{margin-top:-7px;text-align:right}.sinf-login__support a,.sinf-login__signup a{color:#087f9f;font-size:13px;font-weight:700;text-decoration:none}.sinf-login__support a:hover,.sinf-login__signup a:hover{text-decoration:underline}.sinf-login__submit{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:0;border-radius:14px;background:var(--login-ink);color:#fff;cursor:pointer;font:800 15px 'DM Sans',sans-serif;box-shadow:0 8px 20px rgba(13,52,66,.18);transition:transform .2s,background .2s}.sinf-login__submit:hover{transform:translateY(-1px);background:var(--login-navy)}.sinf-login__submit span:last-child{color:var(--login-cyan);font-size:21px}.sinf-login__signup{display:flex;justify-content:center;gap:6px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(13,52,66,.11);color:var(--login-muted);font-size:13px}.sinf-login__security{display:flex;align-items:center;justify-content:center;gap:6px;margin:17px 0 0;color:#73858a;font-size:11px}.sinf-login__security span{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#dff5ee;color:#128365;font-weight:800}
.sinf-login-page{min-height:100dvh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#bce9f4 0,transparent 34%),linear-gradient(145deg,#f5fbfd,var(--login-cream))}.sinf-login-page__brand{position:fixed;top:25px;left:28px}.sinf-login-page__brand img{width:120px}.sinf-login-page .sinf-login::backdrop{background:transparent;backdrop-filter:none}
@media(max-width:520px){.sinf-login{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:27px 21px 22px;border-radius:22px}.sinf-login__brand{width:91px;margin-bottom:15px}.sinf-login h2{font-size:25px}.sinf-login__description{margin-bottom:19px}.sinf-login__form{gap:14px}.sinf-login__control{min-height:49px}.sinf-login__submit{min-height:50px}.sinf-login__signup{flex-wrap:wrap;margin-top:17px;padding-top:16px}.sinf-login-page__brand{display:none}}
@media(prefers-reduced-motion:reduce){.sinf-login[open]{animation:none}.sinf-login__submit{transition:none}}