:root{--ink:#14231c;--muted:#667169;--moss:#236b4e;--moss-dark:#17523a;--line:#dce1d9}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#e7ebe3;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.gate-app{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% -15%,#fbfcf8 0,#e7ebe3 54%,#dfe6dc 100%)}.gate-card{width:min(100%,460px);min-height:620px;padding:28px;display:flex;flex-direction:column;align-items:stretch;border:1px solid rgba(30,58,43,.1);border-radius:34px;background:rgba(255,255,252,.82);box-shadow:0 24px 70px rgba(37,61,45,.14)}.loading{color:var(--muted)}.brand{display:flex;align-items:center;gap:7px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#fff;background:var(--moss);font-size:20px;line-height:1}.gate-illustration{position:relative;height:220px;margin:32px 5px 12px;overflow:hidden;border-radius:22px;background:linear-gradient(155deg,#d8e6e0,#b7cebd)}.gate-illustration:before{content:"";position:absolute;inset:auto -15% 0;height:40%;background:#92ad83;border-radius:50% 50% 0 0/34% 34% 0 0}.gate-illustration:after{content:"";position:absolute;left:50%;bottom:0;width:58%;height:85px;transform:translateX(-50%);background:linear-gradient(90deg,#d1c7b5,#ede5d7);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}.post,.gate{position:absolute;z-index:1;bottom:25px;display:block;background:#29583f}.post{width:14px;height:137px;border-radius:4px 4px 0 0}.post-left{left:14%}.post-right{right:14%}.gate{width:36%;height:102px;bottom:25px;border:5px solid #29583f;background:repeating-linear-gradient(0deg,transparent 0 19px,#29583f 20px 24px);transform-origin:bottom center;transition:transform .7s cubic-bezier(.22,1,.36,1)}.gate-left{left:16%;border-right:0}.gate-right{right:16%;border-left:0}.gate-left.open{transform:perspective(300px) rotateY(-44deg)}.gate-right.open{transform:perspective(300px) rotateY(44deg)}.intro{text-align:center;margin:20px 0 auto}.eyebrow{margin:0 0 7px;color:var(--moss);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.15rem,8vw,3.1rem);letter-spacing:-.065em;line-height:1}.status{min-height:24px;margin:15px 0 0;color:var(--muted);font-size:1rem}.open-button{min-height:76px;margin-top:34px;border:0;border-radius:21px;color:#fff;background:var(--moss);box-shadow:0 10px 20px rgba(35,107,78,.22);font-size:1.22rem;font-weight:750;cursor:pointer}.open-button:hover{background:var(--moss-dark)}.open-button:disabled{cursor:wait;opacity:.88}.button-icon{margin-right:8px;font-size:1.5rem;vertical-align:-1px}.hint{margin:19px 0 0;color:#879087;text-align:center;font-size:.8rem}.access-card{justify-content:flex-start}.access-icon{display:grid;place-items:center;width:86px;height:86px;margin:62px auto 8px;border-radius:28px;color:var(--moss);background:#e7f0e8;font-size:2.9rem;font-weight:700}.access-form{display:grid;gap:12px;margin-top:auto}.access-form input{width:100%;min-height:62px;padding:0 18px;border:1px solid var(--line);border-radius:17px;outline:0;color:var(--ink);background:#fff;font-size:1.15rem;text-align:center;letter-spacing:.18em}.access-form input:focus{border-color:var(--moss);box-shadow:0 0 0 4px rgba(35,107,78,.12)}.access-form input::placeholder{color:#a0aaa1;font-size:.9rem;letter-spacing:0}.access-form .open-button{margin-top:0}@media(max-height:680px){.gate-card{min-height:0;padding:21px}.gate-illustration{height:150px;margin:18px 5px 5px}.post{height:110px}.gate{height:80px}.intro{margin-top:12px}.open-button{min-height:64px;margin-top:18px}}