:root{--green-700:#008f70;--green-600:#00a982;--green-500:#00c497;--green-100:#dff7f0;--green-50:#f0faf7;--ink-950:#20242b;--ink-800:#343a40;--ink-600:#6c757d;--ink-500:#868e96;--line:#e5e7eb;--canvas:#f6f7f9;--white:#fff;--shadow:0 22px 54px -42px rgba(34,36,43,.42)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--canvas)}
body{margin:0;color:var(--ink-950);background:radial-gradient(circle at 8% 18%,rgba(26,188,156,.1),transparent 27%),radial-gradient(circle at 94% 8%,rgba(0,196,151,.1),transparent 30%),var(--canvas);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.guest-topbar{position:sticky;z-index:20;top:0;height:68px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 8px 24px -24px rgba(52,58,64,.32);backdrop-filter:blur(18px)}
.guest-topbar-inner{width:min(calc(100% - 48px),1220px);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink-950);text-decoration:none;font-size:21px;font-weight:800}
.brand .brand-mark{width:29px;height:29px;display:grid;place-items:center;overflow:hidden}
.brand .brand-mark img{width:29px;height:29px;display:block}
.guest-topbar nav{display:flex;align-items:center;gap:10px}
.guest-topbar nav>a{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;color:#495057;font-size:12px;font-weight:720;text-decoration:none}
.guest-topbar nav .guest-register{border:1px solid #bfeadf;color:var(--green-700);background:var(--green-50)}
.guest-topbar .top-account-bar{width:auto}
.guest-topbar .top-user-chip{min-width:218px;min-height:52px}
.account-center-link{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid #bfeadf;color:var(--green-700);background:var(--green-50);font-size:12px;font-weight:720;text-decoration:none}
.us-address-content{width:min(calc(100% - 48px),1220px);margin:32px auto 58px}
.generator-shell{position:relative;z-index:2;overflow:visible;border:1px solid rgba(227,247,242,.96);background:radial-gradient(circle at 8% 4%,rgba(26,188,156,.14),transparent 29%),radial-gradient(circle at 90% 8%,rgba(0,196,151,.17),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(240,250,247,.82));box-shadow:0 30px 72px -50px rgba(0,143,112,.55),inset 0 1px 0 #fff}
.generator-hero{min-height:250px;padding:42px 46px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:center;gap:54px}
.eyebrow{margin:0 0 12px;color:var(--green-700);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero-intro h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.045em}
.hero-copy{max-width:680px;margin:17px 0 0;color:var(--ink-600);font-size:15px;line-height:1.85}
.hero-facts{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 24px}
.hero-facts span{display:inline-flex;align-items:center;gap:8px;color:#495057;font-size:12px;font-weight:700}
.hero-facts i{width:7px;height:7px;border-radius:50%;background:var(--green-500);box-shadow:0 0 0 4px rgba(0,196,151,.1)}
.generator-control{position:relative;padding:22px;border:1px solid rgba(229,231,235,.96);background:rgba(255,255,255,.74);box-shadow:var(--shadow)}
.generator-control label{display:block;margin-bottom:8px;color:#495057;font-size:12px;font-weight:750}
.state-picker{width:100%;z-index:85}
.state-picker.open{z-index:95}
.state-native-select{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.state-picker .state-trigger{width:100%;min-height:48px;padding:0 14px;justify-content:space-between;border-color:#dfe3e8;color:var(--ink-950);background:#fff;font-size:14px;font-weight:650;box-shadow:none}
.state-picker .state-trigger:hover,.state-picker .state-trigger:focus-visible,.state-picker.open .state-trigger{border-color:var(--green-500);background:#fff;box-shadow:0 0 0 3px rgba(0,196,151,.1)}
.state-picker .language-current{text-align:left}
.state-picker .state-menu{top:calc(100% + 7px);right:auto;left:0;width:100%;max-height:286px;padding:6px;overflow-y:auto;overscroll-behavior:contain}
.state-picker .state-option{min-height:42px;padding:0 8px;grid-template-columns:32px minmax(0,1fr) 7px;gap:8px}
.state-picker .state-option .language-symbol{width:28px;height:26px;font-size:9px}
.state-picker .state-option .language-copy strong{font-size:12px}
.generate-button{width:100%;min-height:48px;margin-top:12px;border:1px solid var(--green-500);border-radius:0;color:#fff;background:linear-gradient(112deg,var(--green-500),var(--green-600));box-shadow:0 15px 26px -21px rgba(0,143,112,.9);font-size:13px;font-weight:800}
.generate-button:hover{background:var(--green-700)}
.generate-button:disabled{cursor:wait;opacity:.65}
.generator-note{margin:10px 0 0;color:var(--ink-500);font-size:11px;line-height:1.55;text-align:center}
.generator-status{min-height:17px;margin:8px 0 -6px;color:#c14958;font-size:11px;line-height:1.45;text-align:center}
.results{position:relative;z-index:1;margin-top:18px;border:1px solid var(--line);background:rgba(255,255,255,.84);box-shadow:var(--shadow)}
.results-header{min-height:78px;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.results-header h2{margin:0;font-size:21px;letter-spacing:-.02em}
.results-header p{margin:5px 0 0;color:var(--ink-500);font-size:12px}
.result-actions{display:flex;align-items:center;gap:9px}
.secondary-button{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfeadf;border-radius:0;color:var(--green-700);background:var(--green-50);font-size:12px;font-weight:750;text-decoration:none}
.secondary-button:hover{border-color:var(--green-500);background:#fff}
.secondary-button:disabled,.secondary-button.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}
.results-grid{padding:22px 24px 24px;display:grid;grid-template-columns:1fr 1.12fr;gap:18px}
.info-card{min-width:0;border:1px solid var(--line);background:#fff}
.info-card>header{min-height:58px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(120deg,var(--green-50),#fff)}
.info-card>header h3{margin:0;font-size:15px}
.info-card>header span{color:var(--green-700);font-size:10px;font-weight:800;letter-spacing:.08em}
.field-list{margin:0}
.field-row{min-height:58px;padding:10px 12px 10px 15px;display:grid;grid-template-columns:125px minmax(0,1fr) 34px;align-items:center;gap:12px;border-bottom:1px solid #eef0f2}
.field-row:last-child{border-bottom:0}
.field-row dt{color:var(--ink-500);font-size:11.5px;line-height:1.4}
.field-row dd{min-width:0;margin:0;color:var(--ink-950);font-size:13px;line-height:1.5;font-weight:720;word-break:break-word}
.field-row.wide{min-height:70px}
.copy-button{width:31px;height:31px;padding:0;display:grid;place-items:center;border:1px solid #e3f7f2;border-radius:0;color:var(--green-700);background:var(--green-50)}
.copy-button:hover{border-color:var(--green-500);background:#fff}
.copy-button:disabled{cursor:not-allowed;opacity:.4}
.copy-button img{width:14px;height:14px}
.mail-value{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.mail-value strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-value button{padding:0;border:0;color:var(--green-700);background:transparent;font-size:10.5px;font-weight:700;text-align:left}
.mail-value button:hover{text-decoration:underline}
.disclaimer{margin:0 24px 24px;padding:13px 15px;border-left:3px solid var(--green-500);color:var(--ink-600);background:var(--green-50);font-size:11.5px;line-height:1.7}
.recaptcha-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px}
.recaptcha-dialog-backdrop{position:absolute;inset:0;border:0;background:rgba(32,36,43,.56);backdrop-filter:blur(6px)}
.recaptcha-dialog-card{position:relative;width:min(100%,390px);padding:24px;border:1px solid var(--line);color:var(--ink-950);background:#fff;box-shadow:0 30px 78px -30px rgba(52,58,64,.55)}
.recaptcha-dialog-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.recaptcha-dialog-card header span{color:var(--green-700);font-size:10px;font-weight:800;letter-spacing:.09em}
.recaptcha-dialog-card h2{margin:5px 0 0;font-size:20px}
.recaptcha-dialog-card header button{width:32px;height:32px;border:1px solid var(--line);border-radius:0;color:#585d6a;background:var(--green-50);font-size:20px}
.recaptcha-dialog-card>p{margin:14px 0;color:var(--ink-600);font-size:12px;line-height:1.65}
.recaptcha-widget{min-height:78px;display:grid;place-items:center;overflow:hidden}
.recaptcha-status{display:block;margin-top:9px;color:var(--ink-500);font-size:11px;text-align:center}
.recaptcha-cancel{width:100%;min-height:40px;margin-top:15px;border:1px solid var(--line);border-radius:0;color:#495057;background:var(--green-50);font-size:12px;font-weight:700}
.toast{position:fixed;z-index:120;right:22px;bottom:22px;padding:11px 15px;color:#fff;background:#20242b;font-size:12px;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}
.toast.show{opacity:1;transform:translateY(0)}
body.recaptcha-dialog-open{overflow:hidden}
@media(max-width:900px){.generator-hero{padding:32px 28px;grid-template-columns:1fr;gap:28px}.results-grid{grid-template-columns:1fr}}
@media(max-width:620px){.guest-topbar-inner,.us-address-content{width:min(calc(100% - 28px),1220px)}.guest-topbar .top-user-chip{min-width:0;max-width:220px}.guest-topbar .account-center-link{display:none}.us-address-content{margin-top:18px}.generator-hero{padding:27px 18px}.generator-control{padding:16px}.results-header{align-items:flex-start;flex-direction:column}.results-grid{padding:15px}.field-row{grid-template-columns:92px minmax(0,1fr) 32px;gap:8px}.disclaimer{margin:0 15px 15px}.result-actions{width:100%}.secondary-button{flex:1}}
