:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#123342;background:#e5eff5}*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:8px;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#d8ebf7,#f4f8fa)}.sheet{width:100%;max-width:458px;min-height:min(820px,calc(100svh - 16px));border-radius:25px;background:#f8fbfd;overflow:hidden;border:1px solid #ffffffa0}.hero{height:clamp(225px,33svh,300px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:12px 24px 18px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ffffff05 15%,#f8fbfd85 62%,#f8fbfd 100%),url('/assets/yiwu-market-clean.png') center 78%/cover}.avatar{width:clamp(78px,11svh,98px);height:clamp(78px,11svh,98px);object-fit:cover;border-radius:50%;border:2px solid #ffffffb0;box-shadow:0 2px 15px #12334218}.person-name{font-size:14px;font-weight:750;letter-spacing:.02em;padding:5px 10px;border-radius:10px;background:#ffffffaa;margin-top:4px}h1{font-size:clamp(25px,6.4vw,33px);font-weight:850;line-height:1.16;letter-spacing:-.035em;margin:8px 0 0;max-width:410px}.minimum{margin:0 18px 14px;padding:10px;display:flex;justify-content:center;align-items:center;gap:12px;background:#fff9eb;border:1px solid #ddc58770;border-radius:9px}.minimum span{font-size:11px;font-weight:700}.minimum strong{font-size:25px;color:#185c46;white-space:nowrap}form{margin:0 18px;padding:17px;display:grid;gap:12px;background:#fff;border-radius:18px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}input,select,textarea{font:400 16px/1.3 system-ui,Arial,sans-serif;border:1px solid #dbe4e9;border-radius:7px;width:100%;min-width:0;padding:10px;color:#24424f;background:#fff;height:42px}textarea{height:67px;resize:vertical}small{font-size:10px;font-weight:400;color:#647d89}input:focus,select:focus,textarea:focus{outline:2px solid #5cae91;outline-offset:1px}button{height:46px;border:0;border-radius:10px;background:#05a768;color:white;font:750 14px system-ui;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#008c56}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:wait}footer{text-align:center;color:#6d828c;font-size:10px;padding:15px}#tip{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}#tip:empty{display:none}#tip a{color:#087951;font-weight:700}.fa{font-family:Tahoma,Arial,sans-serif;background:linear-gradient(145deg,#e5f0eb,#f9f4ea)}.fa .hero:before{background:linear-gradient(180deg,#ffffff05 15%,#f8fbfd60 57%,#f8fbfd 100%),url('/assets/iran-trade.png') 32% 45%/cover}.fa .avatar{object-position:50% 33%}.fa h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-size:clamp(25px,5.9vw,31px);line-height:1.5}.fa .person-name{font-family:Tahoma,Arial,sans-serif}.fa input,.fa select,.fa textarea{font-family:Tahoma,Arial,sans-serif}.fa .minimum{direction:rtl}.hero>*{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-height:750px){.hero{height:215px}form{gap:9px;padding:14px}.minimum{margin-bottom:10px}textarea{height:57px}footer{padding:11px}}@media(max-width:345px){form{margin:0 10px;padding:12px}.minimum{margin-inline:10px;gap:7px}.minimum strong{font-size:22px}h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#tip .continue-wa{display:block;text-align:center;padding:13px 16px;margin-top:10px;border-radius:9px;background:#087951;color:#fff;text-decoration:none;font-size:17px}#tip{scroll-margin-bottom:24px}
.cr .hero:before{background:linear-gradient(180deg,#ffffff05 15%,#f8fbfd60 57%,#f8fbfd 100%),url('/assets/costa-rica.png') center 45%/cover}

.brand-mark{position:absolute;top:clamp(6px,1.5svh,12px);left:50%;transform:translateX(-50%);width:min(58%,204px);height:auto;opacity:.92;pointer-events:none;filter:drop-shadow(0 1px 6px #ffffffcc)}
@media(max-height:640px){.brand-mark{width:min(48%,162px)}}
@media(max-height:540px){.brand-mark{display:none}}