:root{--public-bg: #0a0c12}html,body{background:var(--public-bg);color:#fff}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative}.login-back{position:absolute;top:28px;left:32px;display:inline-flex;align-items:center;gap:6px;color:#8a91a3;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:13px}.login-back:hover{color:#fff}.login-card{width:100%;max-width:420px;background:#10121a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px;text-align:center;box-shadow:0 20px 60px #00000080}.login-logo{height:26px;margin-bottom:26px}.login-card h1{font-family:var(--font-display);font-weight:800;font-size:26px;margin:0 0 8px;color:#fff}.login-card p{color:#b4bac8;font-size:14px;line-height:1.55;margin:0 0 24px}.login-form{text-align:left}.login-label{display:block;font-family:var(--font-display);font-weight:600;font-size:12px;color:#8a91a3;margin-bottom:8px}.login-input-row{display:flex;align-items:center;gap:10px;padding:0 14px;border:1.5px solid rgba(255,255,255,.14);border-radius:12px;margin-bottom:16px;color:#8a91a3;transition:border-color .15s}.login-input-row:focus-within{border-color:var(--dnsf-blue)}.login-input-row input{flex:1;background:transparent;border:0;outline:0;padding:14px 0;color:#fff;font-size:15px;font-family:var(--font-body)}.login-submit{width:100%;justify-content:center;padding:14px}.login-note{display:inline-flex;align-items:center;gap:6px;margin:18px 0 0;font-size:12.5px;color:#8a91a3}.login-error{margin:14px 0 0;font-size:13px;color:#ff7bd6;text-align:center}.login-submit[disabled]{opacity:.7;cursor:default}.login-sent{text-align:center}.login-sent-icon{width:56px;height:56px;border-radius:14px;background:#05c6c629;color:var(--dnsf-teal);display:grid;place-items:center;margin:6px auto 16px}.login-sent h2{font-family:var(--font-display);font-weight:800;font-size:20px;margin:0 0 8px;color:#fff}.login-sent p{color:#b4bac8;font-size:14px;line-height:1.55;margin:0 0 8px}.login-sent strong{color:#fff}