:root{--pico-font-family:Montserrat,Proxima Nova,Segoe UI,sans-serif;--pico-font-size:14px;--pico-line-height:1.35;--pico-border-radius:.5rem;--pico-color:#ffffff;--pico-background-color:#242834;--pico-primary:#009ddc;--pico-primary-hover:#ffd104;--pico-primary-focus:rgba(0,157,220,.35);--pico-form-element-background-color:#00060f;--pico-form-element-border-color:#9ba9c3;--pico-form-element-spacing-vertical:.5rem;--pico-form-element-spacing-horizontal:.6rem;--pico-spacing:.75rem}
body{margin:0;font-family:var(--pico-font-family);font-size:14px;background:radial-gradient(140% 140% at 0% 0%,#242834 0%,#00060f 55%,#00060f 100%);color:#fff;min-height:100vh;display:grid;place-items:center}
.card{width:min(420px,92vw);background:#242834;border:1px solid #009ddc;border-radius:12px;padding:16px;box-shadow:0 16px 36px rgba(0,6,15,.42)}
  .logo{width:100%;max-width:340px;height:auto;object-fit:contain;display:block;margin:0 auto 12px}
h1{margin:0 0 2px;font-size:1.35rem;letter-spacing:.01em}.subtitle{margin:0 0 12px;color:#c7c7c7;font-size:.92rem}.err{color:#ee3a43;min-height:1rem;font-size:.88rem}
 label{font-size:.86rem;margin-bottom:.2rem}
 button[type="submit"]{margin-top:10px;width:100%}
 .sso-button{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-top:8px;padding:.62rem .8rem;border:1px solid #009ddc;border-radius:var(--pico-border-radius);background:#009ddc;color:#fff;text-decoration:none;font-weight:700;transition:background .15s ease,border-color .15s ease}
 .sso-button:hover,.sso-button:focus{background:#007eaf;border-color:#ffd104;color:#fff}
.notice{margin:0 0 12px;padding:8px 12px;border:1px solid rgba(53,211,122,.5);border-radius:8px;background:rgba(53,211,122,.12);color:#a5f3bf}