.hotel-join-page { min-height: 100vh; background: linear-gradient(150deg,#06192f,#0b3150 58%,#123b3e); }
.back-home { color: #55d8dd; text-decoration: none; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.hotel-join-page main { width: min(100%, 1100px); margin: 0 auto; padding: 72px clamp(20px,6vw,72px) 90px; }
.join-intro { max-width: 850px; margin: 0 auto 38px; text-align: center; }
.join-intro h1 { margin: 14px 0 20px; color: #efcf96; font-size: clamp(52px,8vw,92px); font-weight: 300; line-height: 1; }
.join-intro > p:not(.eyebrow) { color: #cfdae2; font-size: 18px; line-height: 1.7; }
.steps { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.steps span { min-width: 190px; padding: 13px 17px; border: 1px solid rgba(85,216,221,.35); background: rgba(4,24,43,.48); color: #c7d5df; }
.steps b { display: inline-grid; place-items: center; width: 25px; height: 25px; margin-right: 8px; border-radius: 50%; background: #55d8dd; color: #06223a; }
.application-card { padding: clamp(22px,5vw,48px); border: 1px solid rgba(239,207,150,.35); background: rgba(6,26,49,.84); box-shadow: 0 25px 70px rgba(0,0,0,.22); }
#hotelApplicationForm { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.field { display: grid; gap: 8px; }
.field label { color: #c5d2dc; font-size: 13px; }
.field input,.field textarea,.field select { width: 100%; border: 1px solid rgba(85,216,221,.36); border-radius: 12px; background: #061a31; color: white; padding: 14px 15px; font: inherit; }
.field input,.field select { min-height: 52px; }
.field textarea { resize: vertical; }
.field input:focus,.field textarea:focus,.field select:focus { outline: 2px solid #55d8dd; outline-offset: 1px; }
.full { grid-column: 1 / -1; }
.consent { display: flex; gap: 12px; align-items: flex-start; color: #c7d4dd; line-height: 1.5; }
.consent input { width: 20px; height: 20px; accent-color: #55d8dd; flex: 0 0 auto; }
.submit-row { text-align: center; }
.submit-row .primary { width: min(100%, 420px); min-height: 60px; }
.submit-row .primary:disabled { opacity: .55; cursor: wait; }
.status.success { color: #78dfb0; }
.status.error { color: #ffae9e; }
.hotel-join-page footer { padding: 26px; text-align: center; background: #041525; color: #91a7b8; font-size: 12px; }
.hotel-join-page .hotel-public-footer{padding:52px 22px 46px;background:#031322}.hotel-footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#f7fbff;text-decoration:none}.hotel-footer-brand svg{width:76px;height:32px;fill:none;stroke:#55d8dd;stroke-width:7;stroke-linecap:round}.hotel-footer-brand>span{font-size:29px;font-weight:400;letter-spacing:.03em}.hotel-footer-brand>span>span{font-size:.9em}.hotel-footer-brand b,.hotel-footer-brand em{color:#55d8dd;font-style:normal}.hotel-public-footer p{margin:11px 0 6px;color:#d7e1e8;font-size:13px;letter-spacing:.12em}.hotel-public-footer small{font-size:12px;color:#8fa4b5}
@media (max-width: 700px) {
  .hotel-join-page main { padding-top: 52px; }
  .back-home { font-size: 9px; }
  #hotelApplicationForm { grid-template-columns: 1fr; }
  .full { grid-column: auto; }
  .steps span { width: 100%; }
}
