:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; background: #f4f0e6; color: #173e31; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; background: radial-gradient(circle at 50% 34%, #f9f6ee 0 14%, transparent 43%), #f4f0e6; }
.entry { min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 22px; text-align: center; }
.identity { width:min(100%, 510px); display:flex; align-items:center; justify-content:center; margin: 0 0 35px; }
.wordmark { margin:0; color:#173e31; font: 700 clamp(48px, 11.5vw, 70px)/.84 Arial, sans-serif; letter-spacing:-.105em; text-transform:lowercase; white-space:nowrap; }
/* The O remains a letter. The orbit is only its after-image. */
.atom-o { position:relative; display:inline-block; letter-spacing:-.16em; margin-right:.025em; }
.orbit-trace { position:absolute; pointer-events:none; width:1.19em; height:.50em; border:1px solid rgba(31,77,58,.18); border-radius:50%; left:-.12em; top:.19em; transform:rotate(-28deg); }
.orbit-dot { position:absolute; pointer-events:none; width:.075em; height:.075em; background:rgba(185,102,73,.42); border-radius:50%; left:.87em; top:.36em; }
h1 { font-size: clamp(30px, 7vw, 46px); font-weight: 400; margin: 0; letter-spacing: -.04em; }
.statement { color:#547366; font-size: 18px; line-height: 1.45; margin: 14px 0 29px; }
.access-card { width: min(100%, 360px); }
form { display: grid; gap: 9px; text-align: left; }
label { font: 700 11px/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; margin-top: 8px; }
label.optional { color:#60756b; } label span { font-weight:400; text-transform:none; letter-spacing:0; }
input { width:100%; border: 0; border-bottom: 1px solid #829486; border-radius:0; padding: 13px 2px 10px; background: transparent; color:#173e31; font: 17px Georgia, serif; outline: none; }
input:focus { border-color:#173e31; }
button { margin-top: 17px; border: 1px solid #173e31; background:#173e31; color:#f7f3eb; min-height: 46px; border-radius: 24px; font: 700 12px Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }
button:disabled { opacity:.55; cursor:wait; }
.quiet,.footnote { color:#5b7066; font-size: 13px; line-height:1.5; }.quiet { min-height: 40px; margin:18px 0 0; }.success { color:#23553f; }.error { color:#a34e38; }.arrival { font-size: 28px; margin:8px 0; }.footnote { margin: 34px 0 0; font-size:11px; letter-spacing:.05em; }
@media (max-width: 430px) { .entry { justify-content:flex-start; padding-top: 80px; } .identity { margin-bottom:31px; } .wordmark { font-size:clamp(46px, 13vw, 56px); } }