:root{color-scheme:light;--ink:#24392b;--green:#354d30;--muted:#68736c;--cream:#f8f7f3;--line:#d8d9d2;--teal:#16c5a5;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{background:var(--cream);-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--font);background:var(--cream);min-width:280px}.page{max-width:520px;min-height:100dvh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--cream) 69%);box-shadow:0 0 70px #22332408}.brand{display:flex;align-items:center;justify-content:center;gap:15px;padding:35px 25px 0;min-height:150px}.brand-name{flex:1;max-width:310px;min-width:0;text-align:center}.brand-name img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain}.brand-name span{display:block;margin-top:0;font-size:9px;letter-spacing:.32em;color:#475549;white-space:nowrap}.brand-divider{width:1px;height:77px;background:#a1a99c;flex:0 0 1px}.brand-l104{width:24%;max-width:95px;height:auto;object-fit:contain;opacity:.53;filter:saturate(.55)}.intro{text-align:center;padding:43px 18px 0}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,8vw,43px);font-weight:400;letter-spacing:-.035em;line-height:1.12;margin:0}.intro p{font-size:11px;line-height:1.7;letter-spacing:.27em;color:#647169;margin:14px 0 0}.guide{position:relative;z-index:1;padding:27px 24px 0}.field{height:65px;display:flex;align-items:center;gap:17px;padding:0 19px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:#738b71;box-shadow:0 0 0 3px #738b711c}.field svg{width:23px;height:23px;fill:#647563;flex:none}.field input{font-family:var(--font);font-size:16px;width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);padding:0}.field input::placeholder{color:#777e83;opacity:1}.example{text-align:center;font-size:13px;color:#6d7477;margin:12px 0 22px}button{font-family:inherit}#submit{width:100%;min-height:65px;border:0;border-radius:13px;background:linear-gradient(130deg,#506844,#293f29);color:white;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 15px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.085em;box-shadow:0 6px 16px #2338211b;transition:transform .15s,filter .15s}#submit:hover{filter:brightness(1.06)}#submit:active{transform:scale(.99)}#submit:disabled{opacity:.65;cursor:wait}#submit svg{height:27px;width:27px;flex:none}#submit .arrow{height:21px;width:21px}.hint,.limit{text-align:center;color:#707879;margin:13px 0 0;font-size:12px;line-height:1.5}.limit{margin-top:4px;font-size:11px;color:#878e87}.status{margin-top:15px;padding:12px 14px;border-radius:10px;background:#edf2ec;border:1px solid #d7e1d3;color:#334d32;font-size:13px;line-height:1.5}.status.error{background:#fff1ee;border-color:#ebcfc9;color:#8c342d}.status[hidden],.open-link[hidden]{display:none}.open-link{display:block;text-align:center;margin-top:11px;color:var(--green);font-size:12px;font-weight:bold;letter-spacing:.04em;padding:12px;text-decoration:underline;text-underline-offset:4px}.landscape{margin:22px 0 0;height:clamp(200px,44vh,355px);position:relative;overflow:hidden}.landscape:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,var(--cream) 0%,transparent 28%,transparent 86%,var(--cream) 100%);pointer-events:none}.landscape img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}footer{text-align:center;padding:3px 15px 8px;font-size:9px;letter-spacing:.19em;color:#65736b}footer span{padding:0 5px}.route-note{font-size:10px;line-height:1.6;color:#868e87;padding:0 28px 22px;text-align:center;margin:0}@media(max-width:370px){.brand{padding:25px 20px 0;gap:9px}.brand-name span{font-size:8px;letter-spacing:.2em}.brand-divider{height:55px}.intro{padding-top:32px}.intro p{font-size:10px;letter-spacing:.2em}.guide{padding:23px 17px 0}#submit{font-size:11px;gap:7px}.landscape{height:210px}}@media(min-width:600px){body{padding:25px}.page{border-radius:24px;min-height:calc(100dvh - 50px)}.brand{padding-top:42px}.intro{padding-top:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}