*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100%;display:flex;align-items:center;justify-content:center;padding:88px 24px;color:#14212b;background-color:#e7f1ef;background-image:radial-gradient(900px 420px at 50% 36%,rgba(16,148,136,.16),transparent 68%),linear-gradient(180deg,#f7fbfa 0,#e4efed 100%);font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden;overflow-y:auto}.gate-wrap{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.gate-mark{width:78px;height:78px;margin:0 0 28px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.92),0 14px 30px rgba(14,70,66,.16)}.gate{width:100%;background:#fff;border:1px solid rgba(14,90,84,.08);border-radius:22px;box-shadow:0 22px 50px rgba(16,54,52,.10);overflow:hidden}.gate-body{padding:32px 28px 24px;border-top:4px solid #0f766e;text-align:center}.gate-kicker{margin:0;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.28em}h1{margin:12px 0 0;font-size:2.05rem;font-weight:800;letter-spacing:.06em;line-height:1.2;color:#0b3d3a}.gate-lead{margin:10px 0 0;color:#3d4f5c;font-size:15px;font-weight:500;line-height:1.65}.gate-cue{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 0;padding:10px 14px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:14px;font-weight:700;line-height:1.5}.gate-cue__arrow{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:gate-nudge 1.5s ease-in-out infinite}form{margin:14px 0 0}.gate-go{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 18px;border:0;border-radius:14px;background:#c2410c;color:#fff;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 24px rgba(194,65,12,.32);animation:gate-pulse 1.8s ease-in-out infinite;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.gate-go__copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.25}.gate-go__title{font-size:18px;font-weight:800;letter-spacing:.08em}.gate-go__sub{margin-top:3px;font-size:13px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.92)}.gate-go__icon{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.gate-go:hover,.gate-go:focus-visible{animation:none;background:#9a3412;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 28px rgba(154,52,18,.36)}.gate-go:active{transform:translateY(1px)}.gate-go:focus-visible{outline:3px solid #9a3412;outline-offset:3px}.gate-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;padding:0;list-style:none}.gate-steps li{display:flex;align-items:center;gap:6px;color:#3d4f5c;font-size:13px;font-weight:600;line-height:1.4}.gate-steps li+li::before{content:"";width:14px;height:1px;margin-right:2px;background:#d7e3e1}.gate-steps span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e7f1ef;color:#0f766e;font-size:12px;font-weight:800}.gate-steps .is-current{color:#9a3412}.gate-steps .is-current span{background:#c2410c;color:#fff}.gate-foot{margin:0;padding:14px 28px 16px;border-top:1px solid #e5f0ee;background:#f5faf9;color:#3d4f5c;font-size:13px;line-height:1.5;text-align:center}@keyframes gate-nudge{0,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes gate-pulse{0,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 24px rgba(194,65,12,.32),0 0 0 0 rgba(194,65,12,.28)}70%{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 24px rgba(194,65,12,.32),0 0 0 8px rgba(194,65,12,0)}}@media(max-width:480px){body{padding:72px 16px}.gate-mark{width:68px;height:68px;margin-bottom:22px}.gate-body{padding:28px 18px 20px}.gate-foot{padding:13px 18px 15px}h1{font-size:1.75rem}.gate-cue{font-size:13px}.gate-steps{flex-wrap:wrap;row-gap:8px}}@media(max-height:700px){body{padding-top:48px;padding-bottom:48px}.gate-mark{width:60px;height:60px;margin-bottom:16px;box-shadow:0 0 0 4px rgba(255,255,255,.92),0 10px 20px rgba(14,70,66,.14)}.gate-body{padding-top:24px;padding-bottom:18px}.gate-cue{margin-top:16px}form{margin-top:12px}}@media(prefers-reduced-motion:reduce){.gate-cue__arrow,.gate-go{animation:none}.gate-go{transition:none}}