:root{--navy:#102c3a;--deep:#0a202c;--teal:#0b8f86;--teal-dark:#08766f;--mint:#e9f7f4;--gold:#e9aa49;--ink:#17313e;--muted:#6e7f87;--line:#dce8e8;--error:#c63b3b}
*{box-sizing:border-box}
html{min-width:320px;background:#eef4f3;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}

.page-shell{position:relative;min-height:100vh;padding:30px 32px 24px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 8% 12%,rgba(16,145,133,.11),transparent 27%),radial-gradient(circle at 92% 85%,rgba(233,170,73,.1),transparent 25%),linear-gradient(145deg,#f7faf9 0%,#eaf3f1 100%)}
.page-shell::before{position:absolute;z-index:-1;top:90px;left:50%;width:880px;height:880px;border:1px solid rgba(10,143,134,.07);border-radius:50%;content:"";transform:translateX(-50%)}
.site-header{display:flex;width:min(100%,1120px);margin:0 auto 26px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:17px;font-weight:750;text-decoration:none}
.brand-mark{position:relative;display:grid;width:34px;height:38px;place-items:center;border-radius:18px 18px 14px 14px;background:linear-gradient(145deg,#11a399,#08766f);box-shadow:0 7px 16px rgba(11,143,134,.23)}
.brand-mark::before{position:absolute;inset:3px;border:1px solid rgba(255,255,255,.5);border-radius:15px 15px 11px 11px;content:""}
.brand-mark i{width:13px;height:7px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:translateY(-2px) rotate(-45deg)}
.header-note{color:#73838a;font-size:12px;letter-spacing:.08em}

.gateway-card{display:grid;width:min(100%,1120px);min-height:650px;margin:0 auto;grid-template-columns:.88fr 1.12fr;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:28px;background:#fff;box-shadow:0 28px 75px rgba(26,65,70,.13),0 5px 15px rgba(26,65,70,.05)}
.info-panel{position:relative;padding:68px 58px;color:#fff;background:radial-gradient(circle at 15% 5%,rgba(30,184,168,.28),transparent 31%),linear-gradient(155deg,var(--navy),var(--deep));overflow:hidden}
.info-panel::after{position:absolute;right:-155px;bottom:-175px;width:390px;height:390px;border:55px solid rgba(255,255,255,.035);border-radius:50%;content:""}
.eyebrow{display:flex;margin:0 0 20px;align-items:center;gap:9px;color:#8bddd4;font-size:12px;font-weight:700;letter-spacing:.18em}
.eyebrow span{width:22px;height:2px;background:var(--gold)}
h1{margin:0;font-size:clamp(38px,5vw,54px);font-weight:740;letter-spacing:-.05em;line-height:1.22}
.intro{max-width:390px;margin:22px 0 36px;color:#b9cbd0;font-size:15px;line-height:1.9}
.process-list{display:grid;gap:20px}
.process-list>div{display:flex;align-items:center;gap:14px}
.process-list b{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid rgba(125,220,210,.35);border-radius:50%;background:rgba(11,143,134,.14);color:#99e2db;font-size:12px}
.process-list span{display:flex;flex-direction:column;gap:3px}.process-list strong{font-size:14px}.process-list small{color:#8fa7ae;font-size:11px}
.privacy-tip{position:relative;z-index:1;display:flex;margin-top:40px;padding:14px 15px;align-items:flex-start;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.055)}
.privacy-tip>span{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(233,170,73,.17);color:#f3be6d;font-size:11px;font-weight:800}
.privacy-tip p{margin:0;color:#9fb2b8;font-size:11px;line-height:1.65}.privacy-tip strong{display:block;margin-bottom:1px;color:#dbe7e9;font-size:12px}

.action-panel{padding:50px 56px 40px;background:linear-gradient(160deg,#fff 50%,#fbfdfc)}
.action-heading p{margin:0 0 7px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.18em}.action-heading h2{margin:0;font-size:26px;letter-spacing:-.025em}.action-heading>span{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.service-list{display:grid;margin-top:26px;gap:10px}
.service-item{display:flex;width:100%;padding:15px 17px;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;background:#fbfdfd;color:var(--ink)}
.primary-button:focus-visible{outline:3px solid rgba(11,143,134,.22);outline-offset:2px}
.service-code{display:grid;width:49px;height:42px;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--mint);color:var(--teal-dark);font-size:13px;font-weight:800;letter-spacing:.06em}
.service-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.service-copy strong{font-size:14px}.service-copy small{overflow:hidden;color:#849198;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.service-status{flex:0 0 auto;padding:5px 8px;border-radius:99px;background:#f0f4f4;color:#89989b;font-size:9px}
.divider{display:flex;margin:25px 0 18px;align-items:center;gap:12px;color:#99a5a9;font-size:11px}.divider::before,.divider::after{height:1px;flex:1;background:#e8eeee;content:""}
label{display:block;margin:0 0 8px;font-size:12px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 145px;gap:10px}.input-wrap{position:relative}.input-wrap input{width:100%;height:52px;padding:0 42px 0 15px;border:1.5px solid var(--line);border-radius:12px;outline:0;background:#fbfdfd;color:var(--ink);font-size:17px;font-weight:700;letter-spacing:.09em;transition:.16s}.input-wrap input::placeholder{color:#aab5b8;font-size:13px;font-weight:450;letter-spacing:0}.input-wrap input:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(11,143,134,.09)}.input-wrap.has-error input{border-color:var(--error)}.input-wrap>span{position:absolute;top:50%;right:15px;color:#a6b2b5;font-weight:700;transform:translateY(-50%)}
.primary-button{display:flex;height:52px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;background:linear-gradient(135deg,#10a097,var(--teal-dark));box-shadow:0 9px 18px rgba(11,143,134,.2);color:#fff;cursor:pointer;font-size:13px;font-weight:750;transition:transform .16s,box-shadow .16s}.primary-button:hover{box-shadow:0 11px 23px rgba(11,143,134,.27);transform:translateY(-1px)}.primary-button span{font-size:17px}.error{min-height:18px;margin:6px 2px 0;color:var(--error);font-size:11px}
.material-note{display:flex;margin:11px 0 0;align-items:center;gap:6px;color:#88979b;font-size:10px}.material-note span{display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal);font-size:9px;font-weight:800}
footer{margin:19px auto 0;color:#879599;font-size:11px;text-align:center;letter-spacing:.08em}

@media(max-width:820px){.page-shell{padding:22px 14px}.site-header{margin-bottom:17px}.header-note{display:none}.gateway-card{grid-template-columns:1fr}.info-panel{padding:40px 30px}.info-panel h1 br{display:none}.intro{margin-bottom:28px}.process-list{grid-template-columns:repeat(3,1fr);gap:8px}.process-list>div{align-items:flex-start;gap:8px}.process-list small{display:none}.privacy-tip{margin-top:28px}.action-panel{padding:38px 30px}}
@media(max-width:520px){.brand{font-size:15px}.gateway-card{border-radius:22px}.info-panel{padding:35px 22px}.info-panel h1{font-size:34px}.intro{font-size:14px}.process-list{grid-template-columns:1fr}.process-list small{display:block}.action-panel{padding:32px 20px 28px}.service-status{display:none}.form-row{grid-template-columns:1fr}.primary-button{width:100%}.material-note{align-items:flex-start;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}