*{box-sizing:border-box}
:root{font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light;--bg:#fcfaf7;--card:#fffdfa;--ink:#493e35;--muted:#85786d;--line:#e9e2d9;--accent:#ad7458;--soft:#f1e4d8}
body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.7;min-height:100dvh;display:flex;align-items:center;justify-content:center}
body:before{content:"";position:fixed;width:420px;height:420px;left:-250px;top:-220px;border:1px solid #eadfd330;border-radius:50%;pointer-events:none}
.invitation{width:min(100% - 64px,1000px);padding:25px 0 18px}
.brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;padding:0 4px}
.brand-name{display:flex;gap:12px;align-items:center}
.brand img{border-radius:13px}
.brand-name>span{font-size:23px;line-height:1.1;letter-spacing:3px;font-weight:600}
.brand small{display:block;margin-top:7px;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:400}
.trial-tag{padding:5px 13px;border:1px solid var(--line);border-radius:30px;font-size:11px;color:var(--muted)}
.invitation-card{display:grid;grid-template-columns:1fr 1.03fr;background:var(--card);border:1px solid var(--line);border-radius:25px;box-shadow:0 13px 50px #64503a07;overflow:hidden}
.welcome{padding:32px 42px;background:linear-gradient(155deg,#f7f0e5 0%,#fcf8f1 55%,#fffdfa 100%);border-right:1px solid var(--line)}
.flower-wrap{width:113px;height:113px;border-radius:50%;background:#f1e4d870;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.flower-wrap>img{width:77px;height:77px;border-radius:24px;transform:rotate(-7deg)}
.orbit-dot{position:absolute;right:-5px;top:29px;width:7px;height:7px;border-radius:50%;background:#b8c0a3;box-shadow:-19px 85px 0 -1px #d2b094}
.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0 0 10px}
h1{font-size:31px;line-height:1.46;font-weight:500;letter-spacing:1px;margin:0 0 15px}
.welcome-copy{font-size:12px;color:var(--muted);line-height:1.95;margin:0 0 24px}
.features{display:flex;flex-direction:column;gap:14px}
.features>div{display:flex;gap:12px;align-items:center}
.feature-mark{border:1px solid #e6d8c8;border-radius:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:#fffdfa88;font-size:10px;flex:0 0 34px}
.features p{margin:0}
.features strong{display:block;font-size:12px;font-weight:500}
.features small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.source-note{font-size:10px;line-height:1.8;color:#9a8c80;margin:25px 0 0}
.entry{padding:34px 36px 26px}
.entry-label{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;gap:7px;align-items:center;margin:0 0 10px}
.entry-label>span{width:5px;height:5px;border-radius:50%;background:#819178}
h2{font-size:19px;font-weight:500;letter-spacing:.4px;margin:0 0 6px}
.entry-copy{font-size:11px;color:var(--muted);margin:0 0 20px}
.notice{margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.notice>div{display:grid;grid-template-columns:78px 1fr;gap:12px}
.notice dt{font-size:11px;font-weight:500;line-height:1.85}
.notice dd{font-size:11px;color:var(--muted);line-height:1.85;margin:0}
form{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}
.consent{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:11px;color:var(--muted);line-height:1.9}
.consent input{width:15px;height:15px;accent-color:var(--accent);margin:3px 0 0;flex:0 0 15px;cursor:pointer}
.enter-button{font:inherit;cursor:pointer;border:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 17px;border-radius:12px;margin-top:17px;background:var(--accent);color:#fffaf3;font-size:12px;transition:background .15s,opacity .15s}
.enter-button:hover:not(:disabled){background:#996248}
.enter-button:disabled{cursor:default;opacity:.47}
.enter-button:focus-visible,.consent input:focus-visible{outline:2px solid #ad7458;outline-offset:4px}
.enter-button>span:last-child{font-size:17px;line-height:1}
.entry-status{font-size:10px;min-height:19px;margin:10px 0 0;color:var(--muted);line-height:1.8}
.entry-status.error{color:#a45543}
footer{text-align:center;font-size:10px;color:#a5988c;margin-top:17px;letter-spacing:.5px}
@media(max-height:760px) and (min-width:781px){.invitation{padding-top:16px;padding-bottom:12px}.brand{margin-bottom:15px}.welcome{padding-top:24px;padding-bottom:25px}.flower-wrap{width:92px;height:92px;margin-bottom:12px}.flower-wrap>img{width:67px;height:67px}.orbit-dot{box-shadow:-18px 69px 0 -1px #d2b094}h1{font-size:29px;margin-bottom:10px}.welcome-copy{margin-bottom:20px}.features{gap:12px}.source-note{margin-top:20px}.entry{padding-top:26px;padding-bottom:19px}.entry-copy{margin-bottom:16px}.notice{gap:10px}form{margin-top:19px;padding-top:15px}.enter-button{margin-top:13px}footer{margin-top:13px}}
@media(max-width:780px){body{align-items:flex-start}.invitation{width:min(100% - 36px,490px);padding-top:23px}.brand{margin-bottom:18px}.trial-tag{font-size:9px;padding:5px 10px}.invitation-card{display:block;border-radius:21px}.welcome{padding:27px 27px 25px;border-right:0;border-bottom:1px solid var(--line)}.flower-wrap{width:76px;height:76px;float:right;margin:5px 0 0 12px}.flower-wrap>img{width:58px;height:58px;border-radius:18px}.orbit-dot{width:5px;height:5px;box-shadow:-14px 56px 0 -1px #d2b094}h1{font-size:27px;letter-spacing:.5px}.welcome-copy{font-size:11px;margin-bottom:20px}.desktop-break{display:none}.features{gap:11px}.features small{font-size:10px}.source-note{margin-top:18px}.entry{padding:25px 27px 22px}h2{font-size:18px}.notice>div{grid-template-columns:72px 1fr;gap:10px}.notice dd{font-size:11px}.consent{font-size:11px}.entry-status{font-size:10px}.enter-button{font-size:12px}footer{font-size:9px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.gate-provider-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 19px}
.gate-provider{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:11px 12px;background:#f7f2eb;border:1px solid var(--line);border-radius:11px;min-width:0}
.gate-provider strong{font-size:11px;font-weight:500}
.gate-provider span{font-size:9px;color:#75816c;align-self:center}
.gate-provider small{grid-column:1/-1;font-size:9px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.gate-provider.pending span{color:#a45543}
@media(max-width:420px){.gate-provider-list{grid-template-columns:1fr}}

.recovery-options{border:1px solid var(--line,#e7ddd2);border-radius:12px;padding:12px 14px;margin:15px 0;color:var(--muted,#93877c);font-size:12px;line-height:1.8}.recovery-options summary{cursor:pointer;color:var(--ink,#493e35)}.recovery-options p{margin:9px 0}.recovery-options label{display:block}.recovery-options input{box-sizing:border-box;width:100%;margin:6px 0 2px;padding:10px 12px;border:1px solid var(--line,#e7ddd2);border-radius:9px;font:12px Consolas,monospace;color:var(--ink,#493e35);background:var(--card,#fffdfa)}.recovery-options[hidden]{display:none}

.gate-offer{background:var(--soft);padding:14px 16px;border-radius:12px;margin-bottom:18px}
.gate-offer strong{font-size:15px;font-weight:500}
.gate-offer p{font-size:11px;line-height:1.8;color:var(--muted);margin:7px 0 0}
.activation-options{margin:0 0 16px}
.activation-options[hidden]{display:none}
.activation-options label{display:block;font-size:12px}
.activation-options input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--card);color:var(--ink);font:12px/1.8 Consolas,monospace}
.activation-options p{font-size:10px;color:var(--muted);margin:6px 0;line-height:1.8}