/* Decorative architectural linework stays behind all interactive content. */
body.lp-experience[data-lp-module="login"] .login-architecture {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:#151513 url('/assets/login-architecture-study.webp') center / cover no-repeat;
}
body.lp-experience[data-lp-module="login"] .login-container {
  position:relative; width:100%; max-width:460px; padding:36px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 55%,rgba(210,192,164,.065));
  border:1px solid rgba(255,245,230,.24); border-radius:30px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),inset 0 -1px 0 rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(20px) saturate(115%); -webkit-backdrop-filter:blur(20px) saturate(115%);
}
body.lp-experience[data-lp-module="login"] .brand-header { margin-bottom:28px !important; }
body.lp-experience[data-lp-module="login"] .login-title { font-size:30px; line-height:1.2; font-weight:600; letter-spacing:-.035em; }
body.lp-experience[data-lp-module="login"] .login-intro { color:#d0ccc5; margin:10px 0 28px; line-height:1.5; }
body.lp-experience[data-lp-module="login"] .form-group { margin-bottom:20px; }
body.lp-experience[data-lp-module="login"] .form-label { color:#ddd6cd; font-size:11px; font-weight:600; letter-spacing:.09em; margin-bottom:9px; }
body.lp-experience[data-lp-module="login"] .form-input {
  min-height:50px; background:rgba(8,8,8,.28); border:1px solid rgba(255,255,255,.2);
  border-radius:14px; padding:13px 16px; color:#fff; box-shadow:inset 0 1px 3px rgba(0,0,0,.12);
}
body.lp-experience[data-lp-module="login"] .form-input:focus { border-color:#d4b995; outline:2px solid rgba(212,185,149,.2); outline-offset:2px; }
body.lp-experience[data-lp-module="login"] .form-input:autofill { -webkit-text-fill-color:#fff; box-shadow:inset 0 0 0 100px #2b2926; }
body.lp-experience[data-lp-module="login"] .btn-login { min-height:50px; border-radius:999px; text-transform:none; font-size:15px; letter-spacing:0; border:1px solid rgba(255,255,255,.35); }
@media(max-width:520px) {
  body.lp-experience[data-lp-module="login"] { padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)); }
  body.lp-experience[data-lp-module="login"] .login-container {
    width:min(86vw,340px); max-width:340px; margin-inline:auto;
    padding:26px 22px; border-radius:26px;
  }
  body.lp-experience[data-lp-module="login"] .login-title { font-size:27px; }
  body.lp-experience[data-lp-module="login"] .brand-header { margin-bottom:22px !important; }
  body.lp-experience[data-lp-module="login"] .login-intro { margin-bottom:24px; font-size:13px; }
}
@media(max-width:380px) {
  body.lp-experience[data-lp-module="login"] .login-container { padding:22px 18px; }
  body.lp-experience[data-lp-module="login"] .brand-header { margin-bottom:18px !important; }
  body.lp-experience[data-lp-module="login"] .form-group { margin-bottom:16px; }
}
@media(max-height:700px) and (max-width:520px) {
  body.lp-experience[data-lp-module="login"] .login-container { padding:22px 20px; }
}
@media(prefers-reduced-transparency:reduce) {
  body.lp-experience[data-lp-module="login"] .login-container { background:#24221f; backdrop-filter:none; }
}
@media(max-width:600px) {
  body.lp-experience[data-lp-module="login"] .login-architecture {
    background-size:auto 100%; background-position:12% center; opacity:.6;
  }
}
@media(forced-colors:active) {
  body.lp-experience[data-lp-module="login"] .login-architecture { display:none; }
}