:root {
  color-scheme: dark;
  font-family: "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  background: #0b100e;
  color: #e4eee8;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html { min-width: 320px; min-height: 100%; background: #0b100e; }
body {
  min-width: 320px;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  background:
    radial-gradient(ellipse at 50% 36%, rgba(36, 69, 53, .38), transparent 58%),
    linear-gradient(145deg, #101914, #0b100e 62%);
}
.owner-page {
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  place-items: center;
  padding: max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}
.owner-card {
  width: min(100%, 390px);
  padding: clamp(22px, 5vw, 34px);
  border: 1px solid rgba(157, 196, 171, .22);
  background: rgba(14, 22, 17, .94);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .025);
}
.owner-mark { display: flex; gap: 5px; align-items: center; margin-bottom: 20px; }
.owner-mark span { display: block; width: 18px; height: 3px; background: #91c3a1; }
.owner-mark span:nth-child(2) { width: 9px; opacity: .65; }
.owner-mark span:nth-child(3) { width: 4px; opacity: .4; }
.owner-eyebrow { margin: 0 0 8px; color: #91b39b; font-size: 10px; font-weight: 700; letter-spacing: .22em; }
h1 { margin: 0; color: #edf5ef; font-size: clamp(23px, 5vw, 28px); font-weight: 650; letter-spacing: .04em; }
.owner-description { margin: 9px 0 26px; color: #a8b8ad; font-size: 14px; }
#owner-login { display: grid; gap: 15px; }
.owner-field { display: grid; gap: 7px; color: #c5d2c9; font-size: 13px; }
.owner-field input {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #34463a;
  border-radius: 3px;
  outline: none;
  background: #0b110d;
  color: #edf5ef;
  font: inherit;
  font-size: 15px;
}
.owner-field input:focus { border-color: #8fbe9c; box-shadow: 0 0 0 2px rgba(143, 190, 156, .15); }
.owner-error { min-height: 18px; margin: -4px 0 0; color: #f1a9a0; font-size: 12px; line-height: 1.5; }
.owner-error:empty { visibility: hidden; }
.owner-submit {
  min-height: 46px;
  border: 1px solid #a6d4b2;
  border-radius: 3px;
  background: #a6d4b2;
  color: #112017;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.owner-submit:hover { background: #c0e3c8; border-color: #c0e3c8; }
.owner-submit:focus-visible { outline: 2px solid #e2f5e6; outline-offset: 3px; }
.owner-submit:disabled { cursor: wait; opacity: .72; }
@media (max-height: 430px) and (orientation: landscape) {
  .owner-page { place-items: start center; padding-top: max(10px, env(safe-area-inset-top)); padding-bottom: max(10px, env(safe-area-inset-bottom)); }
  .owner-card { padding: 15px 22px; }
  .owner-mark { margin-bottom: 8px; }
  .owner-description { margin: 4px 0 12px; }
  #owner-login { gap: 9px; }
  .owner-field { gap: 4px; }
  .owner-field input, .owner-submit { min-height: 40px; }
}