.signin{--orange:#ff873e;--orange-light:#ffa064;--ink:#eaf4ff;position:relative;isolation:isolate;overflow-x:hidden;min-height:100svh;padding:46px 24px 24px;background:radial-gradient(ellipse at 0 0,#12345266 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#7738151c 0,transparent 48%),#06111d}
.signin::before{content:"";position:fixed;inset:0;z-index:-1;background:url('signin-geometry.svg') center/cover no-repeat;pointer-events:none}
.signin-content{width:min(430px,100%);margin:auto;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}
.signin-identity{margin:0 0 42px}
.signin-logo{display:block;width:min(350px,100%);height:auto;margin:0 auto 8px}
.signin-tagline{margin:0;color:#a7bccf;font-size:15px;letter-spacing:.045em;font-weight:400}
.signin-fields{width:min(360px,100%);margin:auto;text-align:left}
.signin-fields form{margin:0}
.signin-fields label{display:block;color:#a8bed2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;margin:0 0 9px}
.signin-fields input:not([type=hidden]):not(.trap){height:52px;background:#0c203280;border:1px solid #31516a99;border-radius:7px;padding:0 16px;color:#f2f7fc;font-size:15px;box-shadow:none;transition:border-color .18s,background .18s}
.signin-fields input::placeholder{color:#7891a8;opacity:1}
.signin-fields input:focus{outline:2px solid #5bb7ff;outline-offset:2px;background:#0c2032}
.signin-fields input:-webkit-autofill{-webkit-text-fill-color:#eaf4ff;box-shadow:0 0 0 1000px #102338 inset}
.signin-fields button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:50px;margin-top:13px;padding:12px 20px;border-radius:7px;font-size:14px;letter-spacing:.02em;transition:background .18s,transform .18s}
.signin-fields button span{position:absolute;right:19px;font-size:20px;font-weight:400;line-height:1}
.signin-fields .approval-button{background:var(--orange);border:1px solid var(--orange);color:#102131;box-shadow:0 8px 28px #ff873e12}
.signin-fields .approval-button:hover{background:var(--orange-light);filter:none;transform:translateY(-1px)}
.signin-fields .enter-button{background:#112b3f80;border:1px solid #427491;color:#e0f1ff}
.signin-fields .enter-button:hover{background:#183b54;filter:none;transform:translateY(-1px)}
.signin-fields button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.signin-divider{display:flex;align-items:center;gap:11px;margin:26px 0}
.signin-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#36566d70)}
.signin-divider span:last-child{transform:rotate(180deg)}
.signin-divider i{width:4px;height:4px;border-radius:50%;background:#7e9cb170}
.signin-copyright{font-size:10px;letter-spacing:.12em;color:#7690a6;margin:37px 0 0;text-align:center}
.signin-notice{width:min(360px,100%);margin:-16px auto 24px;padding:10px 0;color:#c9deed;font-size:13px;border-top:1px solid #31516a;border-bottom:1px solid #31516a;background:transparent;text-align:left}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px) and (min-height:950px){.signin{padding-top:65px}.signin-identity{margin-bottom:52px}.signin-logo{width:380px}.signin-fields{width:370px}.signin-fields input:not([type=hidden]):not(.trap),.signin-fields button{height:55px}}
@media(max-width:520px){.signin{padding:32px 25px 24px}.signin-logo{width:280px}.signin-identity{margin-bottom:32px}.signin-tagline{font-size:13px}.signin::before{background-position:42% center;opacity:.6}.signin-copyright{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.signin-fields input,.signin-fields button{transition:none}.signin-fields button:hover{transform:none}}
