.signin{--sg-line:#1f3d63;--sg-ink:#e8f0fb;--sg-muted:#8fa9c9;--sg-cyan:#27d3ef;--sg-cyan2:#0fa9c4;--sg-orange:#ff7a1a;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);margin:0;background:#071425;color:var(--sg-ink)}
.signin h1,.signin h2{letter-spacing:-.02em}.signin p{color:inherit}
.signin-hero{position:relative;overflow:hidden;padding:clamp(28px,6vw,72px);display:flex;flex-direction:column;justify-content:center;gap:22px;background:radial-gradient(700px 420px at 90% 0,rgba(255,122,26,.30),transparent 62%),radial-gradient(640px 460px at 0 100%,rgba(75,139,255,.38),transparent 60%),linear-gradient(160deg,#0a1636,#143081)}
.signin-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px);pointer-events:none}
.signin-mark{position:relative;width:min(360px,70%);height:auto}
.signin-mark .t,.signin-mark .tp,.signin-mark .f,.signin-mark .fp{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.signin-mark .t{stroke:rgba(255,255,255,.22)}.signin-mark .tp{stroke:rgba(255,122,26,.32)}.signin-mark .f{stroke:#fff}.signin-mark .fp{stroke:var(--sg-orange)}
.signin-hero h1{position:relative;margin:0;font-size:clamp(28px,3.6vw,44px);line-height:1.1;max-width:16ch;color:#fff}
.signin-hero p{position:relative;margin:0;color:#c9d9f2;max-width:42ch}
.signin-pts{position:relative;list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.signin-pts li{display:flex;gap:12px;align-items:flex-start;color:#dce8fb}
.signin-pts i{font-style:normal;flex:none;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:16px}
.signin-side{display:grid;place-items:center;padding:28px 20px}
.signin-card{width:min(420px,100%);padding:28px;border-radius:22px;background:linear-gradient(180deg,#12294a,#0e2440);border:1px solid var(--sg-line);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.signin-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--sg-cyan)}
.signin-card h2{margin:4px 0;font-size:26px;line-height:1.15;color:#fff}
.signin-sub{margin:0 0 18px;color:var(--sg-muted)!important}
.signin-card label{display:grid;gap:6px;margin:0 0 14px;font-weight:700;font-size:14px;color:#a9c3e3}
.signin-in{position:relative;display:block}
.signin-in input{display:block;margin:0;width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--sg-line);background:#0a1c33;color:var(--sg-ink);font:inherit;font-weight:400}
.signin-in input:focus{outline:3px solid rgba(39,211,239,.35);border-color:var(--sg-cyan)}
.signin-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent!important;color:var(--sg-muted)!important;font-weight:700;padding:8px 10px!important;cursor:pointer;border-radius:8px}
.signin-go{width:100%;border:0;border-radius:12px;padding:14px!important;font:inherit;font-weight:800;font-size:17px;cursor:pointer;background:linear-gradient(135deg,var(--sg-cyan),var(--sg-cyan2))!important;color:#04202a!important;box-shadow:0 10px 24px rgba(39,211,239,.25)}
.signin-go:hover{filter:brightness(1.06)}
.signin-go:focus-visible,.signin-eye:focus-visible{outline:3px solid var(--sg-orange);outline-offset:2px}
.signin-err{margin:0 0 14px;padding:11px 14px;border-radius:12px;background:#3a1717;border:1px solid #7a2b2b;color:#ffc4c4!important}
.signin-foot{margin:16px 0 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--sg-muted)!important;font-size:12px}
.signin-foot a{color:#9fc4ec}
@media(max-width:860px){.signin{grid-template-columns:1fr}.signin-hero{padding:48px 22px 26px}.signin-hero h1{font-size:28px}.signin-pts{display:none}.signin-mark{width:220px}}
@media(prefers-reduced-motion:reduce){.signin *{animation:none!important}}