:root {
  --stl-bg: #0b0d10;
  --stl-panel: #f6f7f9;
  --stl-card: #ffffff;
  --stl-text: #111318;
  --stl-muted: #69707d;
  --stl-line: #e4e7ec;
  --stl-accent: #ff6a2a;
  --stl-accent-2: #ff8b43;
  --stl-radius: 22px;
}

body.stlplus-auth-page { margin:0; background:var(--stl-panel); }
body.stlplus-auth-page .wp-site-blocks { padding:0 !important; }
body.stlplus-auth-page header.wp-block-template-part,
body.stlplus-auth-page footer.wp-block-template-part,
body.stlplus-auth-page .wp-block-post-title { display:none !important; }
body.stlplus-auth-page main,
body.stlplus-auth-page .wp-block-group,
body.stlplus-auth-page .entry-content,
body.stlplus-auth-page .wp-block-post-content { margin:0 !important; padding:0 !important; max-width:none !important; }

.stl-auth-shell { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--stl-text); }
.stl-auth-showcase { position:relative; overflow:hidden; min-height:720px; padding:52px 64px; color:white; background:radial-gradient(circle at 18% 22%,rgba(255,106,42,.22),transparent 26%),radial-gradient(circle at 82% 78%,rgba(255,139,67,.12),transparent 28%),linear-gradient(145deg,#171a20 0%,#0b0d10 72%); }
.stl-auth-showcase::after { content:""; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 92%); }
.stl-auth-brand { position:relative; z-index:2; display:inline-flex; align-items:center; gap:13px; color:#fff !important; text-decoration:none !important; font-size:21px; font-weight:850; letter-spacing:-.035em; }
.stl-auth-brand > span:last-child > span,.stl-auth-mobile-brand span { color:var(--stl-accent); }
.stl-auth-mark { width:34px; height:34px; position:relative; display:grid; place-items:center; transform:rotate(30deg); }
.stl-auth-mark i { position:absolute; width:20px; height:20px; border:2px solid var(--stl-accent); border-radius:5px; }
.stl-auth-mark i:nth-child(2){ transform:translate(5px,-5px); opacity:.58; }
.stl-auth-mark i:nth-child(3){ transform:translate(-5px,5px); opacity:.25; }
.stl-auth-copy { position:relative; z-index:2; margin-top:14vh; max-width:650px; }
.stl-auth-kicker,.stl-auth-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800; letter-spacing:.16em; }
.stl-auth-kicker { color:#ffb28c; }
.stl-auth-copy h1 { margin:18px 0 22px; font-size:clamp(44px,5vw,76px); line-height:.99; letter-spacing:-.055em; font-weight:650; }
.stl-auth-copy h1 strong { color:var(--stl-accent); font-weight:850; }
.stl-auth-copy p { max-width:540px; margin:0; font-size:18px; line-height:1.65; color:#b9bec8; }
.stl-auth-gallery { position:absolute; z-index:2; left:64px; right:64px; bottom:76px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:600px; }
.stl-auth-thumb { margin:0; position:relative; aspect-ratio:1.5/1; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:#1b1e25; box-shadow:0 20px 50px rgba(0,0,0,.28); }
.stl-auth-thumb img { width:100%; height:100%; object-fit:cover; display:block; opacity:.78; transition:.25s ease; }
.stl-auth-thumb::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.72),transparent 62%); }
.stl-auth-thumb figcaption { position:absolute; z-index:2; left:12px; bottom:10px; font-size:11px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:#fff; }
.stl-auth-thumb-2 { transform:translateY(-16px); }
.stl-auth-trust { position:absolute; z-index:2; left:64px; bottom:34px; font-size:12px; color:#8d95a3; display:flex; align-items:center; gap:8px; }
.stl-auth-trust span { width:7px; height:7px; border-radius:50%; background:#4fd188; box-shadow:0 0 0 4px rgba(79,209,136,.12); }

.stl-auth-panel { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:52px clamp(32px,6vw,92px); background:var(--stl-panel); }
.stl-auth-card { width:min(100%,520px); padding:42px; border:1px solid rgba(17,19,24,.08); border-radius:var(--stl-radius); background:rgba(255,255,255,.96); box-shadow:0 24px 70px rgba(24,31,42,.10); }
.stl-auth-mobile-brand { display:none; margin-bottom:30px; font-size:19px; font-weight:850; letter-spacing:-.04em; }
.stl-auth-eyebrow { margin-bottom:12px; color:var(--stl-accent); }
.stl-auth-card h2 { margin:0; font-size:36px; line-height:1.08; letter-spacing:-.045em; font-weight:780; }
.stl-auth-subtitle { margin:12px 0 28px; color:var(--stl-muted); font-size:15px; line-height:1.55; }
.stl-auth-form .um { margin:0 !important; max-width:none !important; }
.stl-auth-form .um-form { font-family:inherit !important; }
.stl-auth-form .um-field { margin:0 0 17px !important; }
.stl-auth-form .um-field-label { margin:0 0 7px !important; }
.stl-auth-form .um-field-label label { color:#30343b !important; font-size:13px !important; font-weight:720 !important; }
.stl-auth-form input[type=text],
.stl-auth-form input[type=password],
.stl-auth-form input[type=email],
.stl-auth-form .um-form-field { box-sizing:border-box !important; width:100% !important; min-height:50px !important; padding:0 15px !important; border:1px solid #daddE3 !important; border-radius:12px !important; background:#fbfcfd !important; color:#15171b !important; font-family:inherit !important; font-size:15px !important; box-shadow:none !important; transition:border-color .18s, box-shadow .18s, background .18s !important; }
.stl-auth-form input:focus,.stl-auth-form .um-form-field:focus { outline:none !important; border-color:var(--stl-accent) !important; background:#fff !important; box-shadow:0 0 0 4px rgba(255,106,42,.11) !important; }
.stl-auth-form input[type=submit],
.stl-auth-form .um-button { min-height:51px !important; border:0 !important; border-radius:12px !important; background:linear-gradient(135deg,var(--stl-accent),var(--stl-accent-2)) !important; color:white !important; font-family:inherit !important; font-size:14px !important; font-weight:800 !important; box-shadow:0 10px 24px rgba(255,106,42,.24) !important; text-transform:none !important; transition:transform .18s, box-shadow .18s !important; }
.stl-auth-form input[type=submit]:hover,.stl-auth-form .um-button:hover { transform:translateY(-1px); box-shadow:0 14px 30px rgba(255,106,42,.30) !important; }
.stl-auth-form a { color:#e95519 !important; font-weight:650; text-decoration:none !important; }
.stl-auth-form .um-col-alt { margin-top:21px !important; }
.stl-auth-form .um-field-checkbox-option,.stl-auth-form .um-field-radio-option { color:#626976 !important; }
.stl-auth-alt { margin-top:25px; padding-top:22px; border-top:1px solid var(--stl-line); display:flex; justify-content:center; gap:6px; color:#737a86; font-size:13px; }
.stl-auth-alt a { color:#15171b !important; text-decoration:none !important; font-weight:780; }
.stl-auth-foot { margin:20px 0 0; color:#9298a2; font-size:11px; letter-spacing:.05em; }

@media (max-width: 980px) {
  .stl-auth-shell { grid-template-columns:1fr; }
  .stl-auth-showcase { display:none; }
  .stl-auth-panel { min-height:100vh; padding:28px 20px; background:radial-gradient(circle at 50% 0,rgba(255,106,42,.10),transparent 34%),#f5f6f8; }
  .stl-auth-card { box-sizing:border-box; padding:34px 26px; border-radius:19px; }
  .stl-auth-mobile-brand { display:block; }
  .stl-auth-card h2 { font-size:31px; }
}

@media (max-width: 520px) {
  .stl-auth-panel { padding:18px 14px; }
  .stl-auth-card { padding:28px 20px; box-shadow:0 14px 40px rgba(24,31,42,.08); }
  .stl-auth-alt { flex-direction:column; align-items:center; }
}