.slogin{--ore:#1a1a1c;--black:#0a0a0b;--gold:#d4a017;--gold-bright:#e8b53a;--on-dark:#fafaf7;--on-dark-3:#8e8c87;--line:#fafaf724;--line-strong:#fafaf747;--danger:#e8927c;--font-display:"Oswald", "Bebas Neue", Impact, sans-serif;--font-body:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;background:var(--black);min-height:100dvh;color:var(--on-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative}.slogin:before{content:"";pointer-events:none;opacity:.035;background-image:repeating-linear-gradient(45deg,#fff 0 1px,#0000 1px 10px),repeating-linear-gradient(-45deg,#fff 0 1px,#0000 1px 10px);position:fixed;inset:0}.slogin *,.slogin :before,.slogin :after{box-sizing:border-box}.slogin .card{background:var(--ore);border:1px solid var(--line-strong);text-align:center;border-radius:4px;width:100%;max-width:420px;padding:40px 30px 30px;position:relative;box-shadow:0 24px 60px #0a0a0b47}.slogin .card:before{content:"";background:var(--gold);border-radius:4px 4px 0 0;height:3px;position:absolute;inset:0 0 auto}.slogin .logo{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#fff;font-size:44px;font-weight:700;line-height:.92}.slogin .logo .dot{background:var(--gold);border-radius:50%;width:8px;height:8px;margin-bottom:6px;margin-left:8px;animation:2.5s ease-in-out infinite slogin-pulse;display:inline-block;box-shadow:0 0 14px #d4a0178c}@keyframes slogin-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.slogin .logo .dot{animation:none}}.slogin .wordmark-sub{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:8px;font-size:11px}.slogin .sub{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--on-dark-3);margin:18px 0 30px;font-size:10px}.slogin .form{text-align:left;flex-direction:column;gap:16px;display:flex}.slogin .field{flex-direction:column;gap:8px;display:flex}.slogin .label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:500}.slogin .input{background:var(--black);border:1px solid var(--line-strong);width:100%;min-height:52px;font-family:var(--font-body);color:#fff;appearance:none;border-radius:4px;outline:none;padding:14px 15px;font-size:16px;transition:border-color .15s,box-shadow .15s}.slogin .input::placeholder{color:var(--on-dark-3)}.slogin .input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a0172e}.slogin .input:disabled{opacity:.55}.slogin .input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px var(--black) inset;caret-color:#fff}.slogin .input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px var(--black) inset;caret-color:#fff}.slogin .submit{background:var(--gold);width:100%;min-height:54px;color:var(--ore);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;appearance:none;border:none;border-radius:4px;margin-top:4px;padding:0 24px;font-size:17px;font-weight:700;transition:background .15s}.slogin .submit:hover:not(:disabled){background:var(--gold-bright)}.slogin .submit:active:not(:disabled){transform:translateY(1px)}.slogin .submit:disabled{opacity:.4;cursor:default}.slogin .err{font-family:var(--font-body);color:var(--danger);background:#e8927c14;border:1px solid #e8927c66;border-radius:4px;padding:13px 15px;font-size:14px;line-height:1.5}.slogin .signpost,.slogin .foot{border-top:1px solid var(--line);font-family:var(--font-body);color:var(--on-dark-3);margin-top:22px;padding-top:18px;font-size:13.5px;line-height:1.5}.slogin .signpost a{color:var(--gold);border-bottom:1px solid #d4a01766;font-weight:600;text-decoration:none}.slogin .signpost a:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}.slogin .foot{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;border-top:0;margin-top:26px;padding-top:0;font-size:9px}@media (max-width:480px){.slogin{padding:16px 12px}.slogin .card{padding:32px 22px 24px}.slogin .logo{font-size:38px}}html body{background-color:#0a0a0b;background-image:none}