body:has(.login-wrap){background:#050607;color:#fff;min-height:100vh}
body:has(.login-wrap) .sdx-header{display:none}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 12% 20%,rgba(22,129,255,.20),transparent 28%),radial-gradient(circle at 88% 78%,rgba(22,129,255,.10),transparent 30%),#050607;position:relative;overflow:hidden}
.login-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.login-card{position:relative;z-index:2;width:min(460px,100%);padding:46px;background:rgba(12,15,18,.92);border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.login-card:before{content:"SD";position:absolute;right:28px;top:25px;font:700 26px Space Grotesk;color:#1681ff;letter-spacing:-.07em}
.login-back{display:inline-flex;color:#a9aaad;text-decoration:none;font-size:11px;margin-bottom:48px;transition:.2s}.login-back:hover{color:#fff}
.login-card .eyebrow{display:block;font:600 9px Space Grotesk;letter-spacing:.22em;color:#1681ff;margin-bottom:13px}
.login-card h1{font:600 40px/1 Space Grotesk;letter-spacing:-.045em;margin:0 0 12px;color:#fff}
.login-card>p{margin:0 0 35px;color:#8f949a;font-size:13px}
.login-card form{display:grid;gap:19px}
.login-card label{display:grid;gap:8px;color:#c8cbd0;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.login-card input{width:100%;height:52px;border:1px solid #2c3035;background:#0a0c0e;color:#fff;padding:0 15px;outline:0;font:14px Inter;transition:.2s}
.login-card input:focus{border-color:#1681ff;box-shadow:0 0 0 3px rgba(22,129,255,.10)}
.login-card .btn.primary.full{height:53px;border:0;background:#1681ff;color:#fff;font:700 11px Inter;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin-top:7px;transition:.2s}
.login-card .btn.primary.full:hover{background:#2b8cff;transform:translateY(-1px)}
@media(max-width:560px){.login-wrap{padding:18px}.login-card{padding:35px 25px}.login-card h1{font-size:35px}}