:root{--ink:#17332e;--green:#17634e;--muted:#71827c;--line:#dce5df}*{box-sizing:border-box}body{margin:0;background:#f4f7f2;color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--green);text-decoration:none}header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}nav{display:flex;gap:25px;font-size:13px}main{max-width:1100px;margin:65px auto 85px;display:grid;grid-template-columns:1fr 440px;gap:90px;padding:0 30px;align-items:start}.hero{padding-top:22px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:#779184}h1{font-size:54px;line-height:1.3;letter-spacing:-2px;margin:22px 0}h1 span{color:#28795c}.hero p{color:#697b71;font-size:16px;line-height:1.9}.features{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;margin:24px 0 40px;color:#587566}.features span:before{content:'✓ ';color:#299367}.preview{background:#e6eee4;border:1px solid #d4e0d0;border-radius:15px;padding:20px;display:flex;gap:16px;align-items:center;max-width:390px}.dot{background:#bed3bc;border-radius:12px;width:45px;height:45px;display:grid;place-items:center;font-size:20px}.preview small{display:block;color:var(--muted);font-size:11px}.check{margin-left:auto;color:#4a8c63}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px #244c3410;padding:28px 30px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px;gap:18px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 0 13px;color:#839087;font-size:13px}.tabs button.selected{color:var(--green);border-color:var(--green);font-weight:700}h2{font-size:25px;margin:0 0 5px;letter-spacing:-.5px}.muted{color:var(--muted);font-size:12px;margin:5px 0 22px}label{display:block;font-size:12px;font-weight:600;margin:15px 0}input{display:block;width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;margin-top:7px;font:14px inherit;background:#fcfdfb;outline:none}input:focus{border-color:#378466;box-shadow:0 0 0 3px #37846614}.inputgroup{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;margin-top:7px;overflow:hidden;background:#f4f7f2}.inputgroup input{border:0;margin:0;border-radius:0;min-width:0}.inputgroup span{padding:0 13px;color:#7c8d80;font-size:12px}.captcha{display:flex;gap:10px;align-items:center}.captcha input{flex:1;min-width:0}.minor{background:#edf3ee;border:1px solid var(--line);color:var(--green);border-radius:8px;padding:9px 12px;white-space:nowrap;font-size:12px}.agree{display:flex;gap:6px;align-items:center;font-weight:400;font-size:11px}.agree input{width:auto;margin:0}.primary{background:var(--green);border:0;border-radius:9px;color:white;width:100%;padding:14px;font-size:14px;font-weight:700;cursor:pointer}.primary:disabled{opacity:.5}.linkbutton{display:block;text-align:center;margin:18px 0}.fine{font-size:10px;color:#8b9990;text-align:center;line-height:1.8}.notice{background:#fff5dc;color:#775b24;border-radius:9px;padding:10px 12px;font-size:11px;margin-bottom:18px}.help{max-width:1040px;margin:0 auto 60px;padding:35px 0;border-top:1px solid var(--line)}.help h2{font-size:22px;margin-bottom:25px}.help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.help b{font-size:13px}.help p{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 32px;max-width:1160px;margin:auto;color:#8b9990;font-size:11px}footer span{float:right}.recovery{padding:17px;background:#f1f5ee;border-radius:10px;margin:20px 0}.recovery code{display:block;overflow-wrap:anywhere;margin:12px 0;font-size:14px}.recovery small{display:block;color:var(--muted);margin-bottom:12px}.successmark{background:#dcecdf;color:var(--green);font-size:30px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}#message{font-size:12px;color:#aa4d36;margin-top:14px;overflow-wrap:anywhere}.account{max-width:900px;margin:50px auto;padding:30px}.account .card{margin-bottom:25px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}.rules{max-width:760px;margin:50px auto;padding:30px;background:white;border-radius:16px}.rules p{color:#63786b}@media(max-width:800px){header{padding:20px}nav{gap:12px;font-size:11px}.brand{font-size:20px}main{grid-template-columns:1fr;gap:32px;margin:25px auto 45px;padding:0 20px}.hero{padding:0}h1{font-size:40px;margin:15px 0}.hero p{font-size:14px}.features{margin:15px 0}.preview{display:none}.card{padding:23px}.help{margin:0 20px 35px;padding-top:25px}.help>div{grid-template-columns:1fr;gap:10px}footer{padding:20px}footer span{display:block;float:none}.account{margin:20px 0;padding:15px}}

@media(max-width:640px){header{position:sticky;top:0;background:#f4f7f2f5;backdrop-filter:blur(12px);z-index:20;padding:15px 18px;gap:10px}.brand{font-size:21px}nav{gap:14px;font-size:12px}nav a[href="#help"]{display:none}main{margin:18px auto 35px;padding:0 14px;gap:18px}.hero{display:none}.card{padding:22px 20px;border-radius:18px}.tabs{gap:20px;margin-bottom:22px}.tabs button{min-height:44px;font-size:14px;padding-bottom:12px}.card h2{font-size:24px}label{font-size:13px;margin:17px 0}input{font-size:16px;min-height:46px;padding:12px}.inputgroup span{font-size:13px;white-space:nowrap}.agree{font-size:12px;line-height:1.6;flex-wrap:wrap}.agree input{min-height:0;width:19px;height:19px}.primary{min-height:49px;font-size:15px}.minor{min-height:43px;font-size:12px}.fine{font-size:11px;line-height:1.9}.help{padding-top:24px}.help h2{font-size:20px}.account .card{padding:22px 17px}.account td,.account th{padding:12px 6px}.rules{margin:20px 12px;padding:23px}.recovery code{font-size:15px}}
