*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1f2937;background:#fff}
:root{--panel-max:420px;--brand-accent:#f08a24;--brand-ink:#111827;--muted:#6b7280;--field-border:#d1d5db;--field-focus:#9ca3af;--btn-bg:var(--brand-accent);--btn-ink:#fff;--shadow:0 10px 30px rgba(0,0,0,.08)}
.page{min-height:100vh;display:grid;grid-template-columns:1.55fr 1fr}
.hero{position:relative;overflow:hidden;background:#e8f2f1}
.hero__mount{position:absolute;inset:0}
.hero__fallback{position:absolute;inset:0;background:radial-gradient(1200px 800px at 30% 30%,rgba(0,0,0,.06),transparent 50%),linear-gradient(135deg,rgba(0,0,0,.03),transparent)}
.hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.hero__linkOverlay{position:absolute;inset:0;z-index:5;display:block;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.panel{display:grid;place-items:center;padding:48px 32px;background:#fff}
.panel__inner{width:min(var(--panel-max),100%)}
.brand{margin-bottom:28px}.brand__logo{display:inline-flex;align-items:center;gap:10px;user-select:none;margin-bottom:18px}
.brand__mark{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:999px;border:2px solid rgba(17,24,39,.25);font-weight:700}
.brand__text{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--brand-ink)}.brand__accent{color:var(--brand-accent)}
.brand__title{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.01em}.brand__titleAccent{color:var(--brand-accent)}
.brand__subtitle{margin:6px 0 0;color:var(--muted)}
.form{margin-top:22px}.field{margin:16px 0}.field__label{display:block;font-size:12px;font-weight:600;color:var(--brand-ink);margin-bottom:8px}
.field__input{width:100%;height:40px;padding:0 12px;border:1px solid var(--field-border);border-radius:4px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;background:#fff}
.field__input:focus{border-color:var(--field-focus);box-shadow:0 0 0 4px rgba(156,163,175,.25)}
.field__withIcon{position:relative}.field__iconBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:#374151;opacity:.75}
.field__iconBtn:hover{opacity:1}
.form__row{display:flex;justify-content:flex-start;margin-top:6px}
.form__link{font-size:12px;color:#2563eb;text-decoration:none}.form__link:hover{text-decoration:underline}
.btn{width:160px;height:40px;margin-top:22px;border:0;border-radius:4px;background:var(--btn-bg);color:var(--btn-ink);font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow)}
.btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}
.status{margin:14px 0 0;font-size:13px;color:#111827;min-height:18px}
.fineprint{margin-top:22px;font-size:12px;color:var(--muted)}
@media (max-width:980px){.page{grid-template-columns:1fr;grid-template-rows:40vh auto}.hero{min-height:260px}.panel{padding:32px 22px}.panel__inner{max-width:520px}.btn{width:100%}}
@media (max-width:420px){.brand__text{font-size:24px}.brand__title{font-size:20px}}