:root{--ink:#142b2a;--green:#0d675d;--mint:#e6f3ee;--gold:#d39b48;--line:#d9e5e0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:15px/1.6 system-ui,-apple-system,"PingFang SC",sans-serif;background:#f8fbf9}
a{color:inherit;text-decoration:none}
header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.brand{display:flex;gap:12px;align-items:center}
.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--green);color:white}
.brand span{display:flex;flex-direction:column}
.brand small{color:#78908b}
nav{display:flex;gap:26px;align-items:center}
nav i{font-style:normal;background:var(--mint);padding:7px 12px;border-radius:999px;color:var(--green);font-size:13px}
.hero{max-width:1180px;margin:auto;padding:78px 24px;display:grid;grid-template-columns:1fr 360px;gap:68px;align-items:center;background:radial-gradient(circle at 82% 30%,#dbeee7 0,transparent 35%)}
.eyebrow{color:var(--green);font-weight:750;letter-spacing:.12em}
h1{font-size:52px;line-height:1.16;margin:12px 0 22px;letter-spacing:-.04em}
h1 em{color:var(--green);font-style:normal}
.lead{font-size:18px;color:#617571;max-width:650px}
.actions{display:flex;gap:14px;margin:30px 0}
.actions a,form>button{background:var(--green);color:#fff;border:0;border-radius:11px;padding:13px 24px;font-weight:700}
.actions a+ a{background:#fff;color:var(--green);border:1px solid var(--line)}
.trust{color:#5f7570}
.hero aside{background:#143b38;color:#fff;padding:32px;border-radius:24px;box-shadow:0 22px 50px #153b3826}
.hero aside>strong{font-size:64px;display:block;line-height:1;margin-top:30px}
.live{color:#8de0c8}
.workspace,.submit{max-width:1180px;margin:0 auto;padding:64px 24px}
.heading{display:flex;justify-content:space-between;align-items:end}
.heading h2,.submit h2{font-size:34px;margin:5px 0 20px}
.search{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:12px;min-width:380px}
.search input{border:0;outline:0;width:90%;font-size:15px}
.table{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.thead,.row{display:grid;grid-template-columns:70px 130px 145px 1fr 170px 150px;gap:14px;align-items:center;padding:16px 20px}
.thead{background:#eef6f2;color:#657a75;font-size:13px}
.row{border-top:1px solid #edf2ef}
.row p{margin:0}
.order{font-family:monospace;color:var(--green)}
.phone{font-family:monospace}
.unlock{border:1px solid #c7ddd5;background:#fff;color:var(--green);padding:8px;border-radius:9px}
.unlock:disabled{opacity:.45}
.empty{padding:32px;text-align:center;color:#78908b}
.submit{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.submit form{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px;display:grid;gap:16px}
.submit label:not(.consent){display:grid;gap:6px;font-weight:650}
.submit input,.submit textarea{width:100%;border:1px solid var(--line);padding:12px;border-radius:9px;font:inherit}
.submit textarea{height:110px;resize:vertical}
.verify{display:flex;justify-content:space-between;background:#f1f5f3;padding:11px;border-radius:9px}
.verify b{color:#899995}
.consent{font-size:13px;color:#60746f}
.consent input{width:auto}
#notice{margin:0;text-align:center;color:#60746f;font-size:13px}
footer{padding:30px 5vw;background:#102f2c;color:#fff;display:flex;justify-content:space-between}
.overlay{display:none;position:fixed;inset:0;background:#0c2522a8;z-index:20;place-items:center}
.overlay.show{display:grid}
.modal{background:#fff;border-radius:20px;padding:30px;width:min(440px,92vw);position:relative}
.close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:28px}
.price{display:flex;justify-content:space-between}
.price strong{font-size:34px;color:var(--green)}
.qr{height:190px;border:2px dashed #bdd4cc;border-radius:14px;display:grid;place-content:center;text-align:center;background:#f2f8f5}
.qr span{display:block;color:#72847f}
.modal>button:last-child{width:100%;padding:12px;border:0;border-radius:9px}
@media(max-width:850px){nav a{display:none}
.hero,.submit{grid-template-columns:1fr}
.hero{padding-top:45px;gap:30px}
h1{font-size:38px}
.heading{display:block}
.search{display:block;min-width:0;margin-bottom:16px}
.thead{display:none}
.row{grid-template-columns:60px 1fr 1fr;padding:16px}
.row p{grid-column:1/-1}
.row time{grid-column:2}
.unlock{grid-column:3}
.submit{gap:20px}
footer{display:grid;gap:8px}
}
.login-open{border:1px solid var(--green);background:#fff;color:var(--green);padding:8px 13px;border-radius:9px;font-weight:700}
.account{max-width:1132px;margin:35px auto;padding:45px 24px;background:#edf7f3;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.account form,.login-modal{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px;display:grid;gap:15px}
.account label,.login-modal label{display:grid;gap:6px;font-weight:650}
.account input,.account textarea,.login-modal input{width:100%;border:1px solid var(--line);padding:12px;border-radius:9px;font:inherit}
.account textarea{height:110px}
.account form>button,.login-submit{background:var(--green);color:#fff;border:0;border-radius:9px;padding:12px;font-weight:700}
.account .ghost{background:#fff;color:var(--green);border:1px solid var(--green)}
.login-modal h2,.login-modal p{margin:0}
.success-modal{text-align:center}.success-icon{width:62px;height:62px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:34px;font-weight:800}.success-modal h2{font-size:24px}.success-modal h2 strong{color:var(--green);font-family:monospace;font-size:32px}.success-modal .login-submit{width:100%}
@media(max-width:850px){nav i{display:none}.account{grid-template-columns:1fr;margin:20px 14px;gap:20px}}
[hidden]{display:none!important}
.hero{grid-template-columns:1fr;min-height:auto;padding:42px 24px 28px;background:none}
.hero h1{font-size:38px;margin:0 0 18px}
.workspace{padding-top:28px}
.heading h2{margin-bottom:12px}
.submit{padding-top:38px;gap:30px}
.submit>div p{display:none}
footer span{display:none}
@media(max-width:850px){.hero{padding:28px 20px 18px}.hero h1{font-size:30px}.workspace,.submit{padding:24px 16px}.actions{margin:16px 0}.submit{gap:8px}}