:root{
  --bg:#0b1320;--text:#c7d5e0;--surface:#1b2838;--surface-2:#0f1a2b;--border:#22324a;--accent:#7fff7f;--accent-2:#3b6ea8;--danger:#ff5470;
}
html[data-theme="light"]{--bg:#f3f7fb;--text:#122033;--surface:#fff;--surface-2:#e9f0f7;--border:#c8d7e7;--accent:#157347;--accent-2:#2b6cb0;--danger:#cf2f58}
html,body{min-height:100%;margin:0}
body.sp-auth-page{
  display:grid;
  place-items:center;
  padding:28px 16px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 18% 8%,rgba(43,108,176,.17),transparent 28rem),
    radial-gradient(circle at 88% 88%,rgba(21,115,71,.14),transparent 26rem),
    var(--bg)!important;
  color:var(--text)!important;
}
body.sp-auth-page::before{
  content:"www.siljo-planet.net";
  position:fixed;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  color:var(--accent);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.76rem;
}
body.sp-auth-page .box,
body.sp-auth-page .card{
  width:min(460px,calc(100vw - 32px))!important;
  max-width:460px!important;
  margin:42px auto 0!important;
  padding:28px!important;
  box-sizing:border-box!important;
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.22)!important;
}
body.sp-auth-page h1,body.sp-auth-page h2{margin:0 0 20px;color:var(--accent)!important;font-size:1.8rem}
body.sp-auth-page form{display:grid;gap:12px}
body.sp-auth-page input:not([type="checkbox"]),body.sp-auth-page select,body.sp-auth-page textarea{
  width:100%!important;min-height:46px;padding:11px 13px!important;box-sizing:border-box;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text)!important
}
body.sp-auth-page button,body.sp-auth-page .btn{
  min-height:46px;border-radius:12px!important;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)!important;background:var(--accent)!important;color:#07140d!important;font-weight:900!important
}
body.sp-auth-page a{color:var(--accent)!important}
html[data-theme="light"] body.sp-auth-page button:not(.ghost):not(.theme-toggle):hover,
html[data-theme="light"] body.sp-auth-page .btn:not(.ghost):not(.theme-toggle):hover{
  background:#11633d!important;border-color:#11633d!important;color:#07140d!important;opacity:1!important;filter:none!important;box-shadow:none!important
}
body.sp-auth-page .links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
body.sp-auth-page .small{color:color-mix(in srgb,var(--text) 72%,transparent)!important;line-height:1.55}
body.sp-auth-page .err,body.sp-auth-page .ok,body.sp-auth-page .notice{border-radius:12px!important;padding:11px 13px!important}
body.sp-auth-page .social-login-btn{border-radius:12px!important}
html[data-theme="light"] body.sp-auth-page .box,html[data-theme="light"] body.sp-auth-page .card{box-shadow:0 16px 42px rgba(18,32,51,.12)!important}
@media(max-width:520px){body.sp-auth-page{padding:18px 10px}body.sp-auth-page .box,body.sp-auth-page .card{padding:21px!important;border-radius:19px!important}}