:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #f0ebe0; color: #2c2a27; font-family: 'Avenir Next', Avenir, 'Segoe UI', sans-serif; }
.gate { min-height: 100svh; display: grid; place-items: center; padding: 42px 20px; position: relative; overflow: hidden; background: radial-gradient(circle at center, #fbf8f2 0%, #f0ebe0 72%); }
.gate::before, .gate::after { content: ''; position: absolute; width: min(70vw, 600px); aspect-ratio: 1; border: 1px solid #d9c9ae; border-radius: 50%; opacity: .35; pointer-events: none; }
.gate::before { top: -38%; left: -15%; }
.gate::after { bottom: -42%; right: -15%; }
.gate__corner { width: 42px; height: 42px; position: absolute; border-color: #b8965a; opacity: .65; }
.gate__corner--tl { top: 25px; left: 25px; border-top: 1px solid; border-left: 1px solid; }
.gate__corner--tr { top: 25px; right: 25px; border-top: 1px solid; border-right: 1px solid; }
.gate__corner--bl { bottom: 25px; left: 25px; border-bottom: 1px solid; border-left: 1px solid; }
.gate__corner--br { bottom: 25px; right: 25px; border-bottom: 1px solid; border-right: 1px solid; }
.gate__card { width: min(100%, 490px); text-align: center; position: relative; z-index: 1; padding: 48px 40px; border: 1px solid #d9c9ae; background: rgba(249,246,240,.93); box-shadow: 0 16px 55px rgba(44,42,39,.07); }
.gate__eyebrow { margin: 0 0 14px; color: #967b50; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .3em; }
.gate__monogram { display: block; width: 116px; height: auto; margin: 0 auto; color: #b8965a; }
.gate__ornament { display: flex; align-items: center; gap: 15px; justify-content: center; margin: 15px auto 20px; color: #b8965a; }
.gate__ornament i { display: block; width: 75px; height: 1px; background: #c9b68e; }
.gate h1 { font: italic 34px Georgia, 'Times New Roman', serif; margin: 0 0 14px; font-weight: normal; }
.gate__intro { margin: 0 auto 32px; max-width: 340px; line-height: 1.65; color: #6b6460; font-size: 14px; }
form { text-align: left; }
label { display: block; margin-bottom: 9px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
input { width: 100%; padding: 14px 15px; border: 1px solid #cfc4b3; border-radius: 0; background: #fffdfa; color: #2c2a27; font: 16px 'Avenir Next', Avenir, 'Segoe UI', sans-serif; }
input:focus-visible { outline: 2px solid #b8965a; outline-offset: 2px; }
button { display: block; width: 100%; margin-top: 18px; padding: 17px 24px; border: 0; border-radius: 0; background: #b8965a; color: #fff; font: 700 11px 'Avenir Next', Avenir, 'Segoe UI', sans-serif; letter-spacing: .2em; text-transform: uppercase; cursor: pointer; }
button:hover, button:focus-visible { background: #967b50; }
button:disabled { opacity: .65; cursor: wait; }
.gate__error { color: #9c3028; font-size: 13px; line-height: 1.4; margin: 12px 0 0; }
.gate__help { margin: 25px 0 0; font-size: 12px; color: #6b6460; }
@media (max-width: 520px) { .gate { padding: 25px 14px; } .gate__card { padding: 44px 24px; } .gate h1 { font-size: 29px; } .gate__corner { display: none; } }