:root{--bg-base: #f2f7f8;--bg-accent: #d8eaf0;--card-bg: #ffffffcc;--card-border: #c3d6df;--text-strong: #112533;--text-soft: #3b5565;--primary: #1f8d73;--primary-hover: #1a775f;--success-bg: #e6f8f1;--success-border: #7fd2ae;--warning-bg: #fff6e7;--warning-border: #efca86;--error-bg: #ffeef0;--error-border: #ed9ca8;--neutral-bg: #edf4f7;--neutral-border: #c8d7de;--shadow: 0 14px 36px rgba(24, 53, 71, .14);font-family:Avenir Next,SF Pro Display,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--text-strong)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 12%,#fff,#fff0 38%),radial-gradient(circle at 95% 0%,#c8e4f0,#c8e4f000 40%),linear-gradient(135deg,var(--bg-base),var(--bg-accent))}#root{min-height:100vh}.page{min-height:100vh;padding:32px 18px;display:flex;align-items:center;justify-content:center}.card{width:min(840px,100%);border:1px solid var(--card-border);border-radius:24px;padding:28px;background:var(--card-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise-in .34s ease-out}.brand{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#24576d;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.language-switcher{position:relative;margin-inline-start:auto}.lang-trigger{border:1px solid #b8ccd5;border-radius:10px;background:#f6fbfd;color:#23485a;font-size:.86rem;font-weight:600;padding:7px 10px;cursor:pointer}.lang-trigger:hover{background:#edf6fa}.lang-trigger:focus-visible{outline:3px solid #96c3d3;outline-offset:2px}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;margin:0;padding:8px;list-style:none;width:min(265px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:300px;overflow:auto;border:1px solid #bdd0d9;border-radius:12px;background:#fff;box-shadow:0 12px 28px #1a384929;z-index:20}[dir=rtl] .lang-menu{left:0;right:auto}.lang-option{width:100%;border:0;background:transparent;text-align:left;color:#29495a;border-radius:8px;padding:8px;cursor:pointer}[dir=rtl] .lang-option{text-align:right}.lang-option:hover{background:#f1f8fc}.lang-option.is-active{background:#e6f4fb;color:#1d4a62;font-weight:700}.lang-option:focus-visible{outline:2px solid #96c3d3}h1{margin:10px 0 8px;line-height:1.25;font-size:clamp(1.35rem,2.7vw,2.15rem)}.subtitle{margin:0;color:var(--text-soft);font-size:1.02rem;line-height:1.5}.steps{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.step{padding:10px 12px;border:1px solid #d4e1e8;border-radius:12px;color:#476171;font-size:.92rem;display:flex;align-items:center;gap:10px;background:#f8fcfe}.step-index{width:1.4rem;height:1.4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#d9e9f0;color:#204d62;font-weight:700;flex-shrink:0}.step.is-active{border-color:#7db2c7;color:#1f4f67;background:#ecf7fc}.step.is-active .step-index{background:#1f8d73;color:#fff}.action{margin-top:18px;width:100%;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:1rem;font-weight:700;padding:13px 18px;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.action:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.action:active:not(:disabled){transform:translateY(0)}.action:focus-visible{outline:3px solid #74bca7;outline-offset:2px}.action:disabled{opacity:.68;cursor:wait}.status{margin-top:14px;border:1px solid;border-radius:14px;padding:12px 14px;animation:fade-in .25s ease-out}.status-title{margin:0;font-weight:700;line-height:1.35}.status-text{margin:6px 0 0;line-height:1.5;color:var(--text-soft)}.status.success{border-color:var(--success-border);background:var(--success-bg)}.status.warning{border-color:var(--warning-border);background:var(--warning-bg)}.status.error{border-color:var(--error-border);background:var(--error-bg)}.status.neutral{border-color:var(--neutral-border);background:var(--neutral-bg)}.selected-list{margin:10px 0 0;padding-left:18px;color:#284653;line-height:1.45}.notes{margin-top:16px;border-top:1px solid #d0dde4;padding-top:14px}.notes h2{margin:0 0 8px;font-size:1rem}.notes ul{margin:0;padding-left:18px;color:var(--text-soft);line-height:1.5}.contact{margin-top:14px}.contact-action{border:1px solid #b8ccd5;background:#f4fbfe;color:#23485a;border-radius:10px;padding:8px 12px;font-size:.92rem;font-weight:600;cursor:pointer}.contact-action:hover{background:#eaf6fb}.contact-action:focus-visible{outline:3px solid #96c3d3;outline-offset:2px}.contact-email{margin:10px 0 0;color:var(--text-soft);line-height:1.5}.contact-email a{color:#0f6f98;text-decoration:none}.contact-email a:hover{text-decoration:underline}.legal-links{margin-top:20px;padding-top:16px;border-top:1px solid #d7e3e8;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.legal-links a{color:#1c6859;font-size:.95rem;font-weight:600;text-decoration:none}.legal-links a:hover{text-decoration:underline}@media(max-width:760px){.page{padding:18px 12px}.card{padding:18px;border-radius:18px}.topbar{align-items:center;flex-direction:row}.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.card,.status,.action{animation:none;transition:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
