:root{--green:#087c32;--deep:#064b27;--yellow:#ffc400;--bg:#f4faf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#163b25;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,92%);margin:auto}.header{background:white;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #00330b15}.nav{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.logo{width:88px;height:76px;object-fit:contain}.btn{display:inline-block;border:0;border-radius:12px;background:var(--yellow);color:#153c1c;padding:15px 23px;font-weight:800;cursor:pointer;font-size:16px}.btn:hover{filter:brightness(.96)}.hero{background:linear-gradient(120deg,#064b27,#139440);color:white;padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.hero h1{font-size:clamp(35px,5vw,62px);line-height:1.13;margin:12px 0}.hero p{font-size:19px;line-height:1.6}.hero .illustration{background:#ffffff14;border:2px solid #ffffff28;border-radius:28px;text-align:center;padding:35px}.hero .illustration img{width:min(100%,340px);height:340px;object-fit:contain}.tag{color:var(--yellow);font-weight:800;letter-spacing:1px}.section{padding:65px 0}.section h2{text-align:center;font-size:clamp(26px,3vw,38px);color:var(--deep)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:var(--bg);border-radius:20px;padding:28px;border:1px solid #d8e9db}.benefit b{font-size:22px;color:var(--green)}.benefit p{line-height:1.6}.form-section{background:#eaf7ed}.form-card{max-width:720px;margin:auto;background:white;border-radius:24px;padding:35px;box-shadow:0 12px 38px #064b271c}.form-card h2{margin:0 0 12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-weight:650}.field.full{grid-column:1/-1}input,select{width:100%;padding:14px 13px;border:1px solid #c9d7cd;border-radius:10px;font:inherit;background:white}input:focus,select:focus{outline:2px solid #56a96b}.submit{width:100%;margin-top:22px}.message{padding:14px;border-radius:10px;background:#e6f7e8;margin-bottom:20px}.error{background:#ffe8e4}.footer{background:#073b21;color:white;padding:30px 0 95px;text-align:center}.zalo{position:fixed;right:18px;bottom:18px;z-index:10;background:#0068ff;color:white;border-radius:99px;padding:14px 22px;box-shadow:0 7px 24px #0003;font-weight:800}.adminbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}td,th{padding:12px;border-bottom:1px solid #ddd;text-align:left;white-space:nowrap}th{background:#eaf7ed}.adminmain{padding:30px 0 80px}.adminbox{background:white;border:1px solid #d9e8db;padding:22px;border-radius:14px;margin:18px 0}.adminbody{background:#f5f8f5}.small{font-size:13px;color:#62776a}@media(max-width:700px){.hero-grid,.benefits,.fields{grid-template-columns:1fr}.hero{padding:40px 0}.hero .illustration{display:none}.form-card{padding:22px}.logo{width:72px;height:64px}.section{padding:42px 0}}

/* BeeGo Merchant 1.1 – landing page inspired by campaign layout */
.landing-v11{color:#173e25}.landing-v11 .header{position:relative;box-shadow:none;border-bottom:1px solid #edf1e8}.landing-v11 .nav{min-height:100px}.landing-v11 .logo{width:116px;height:90px}.landing-v11 .btn{border-radius:50px;background:#ffcc00;color:#075b29;box-shadow:0 5px 0 #d6a800;font-weight:900}.landing-v11 .nav-cta{font-size:14px}.campaign-hero{background:radial-gradient(circle at 80% 45%,#1ab151 0%,#07883a 43%,#005a2c 100%);overflow:hidden;color:#fff}.hero-v11{min-height:600px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:20px;padding:55px 0}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:14px;font-weight:900;letter-spacing:1.6px;color:#ffda39}.hero-copy h1{font-size:clamp(35px,4.4vw,66px);line-height:1.12;letter-spacing:-1.6px;margin:24px 0 10px;font-weight:950}.hero-copy h1 span{color:#ffe153}.hero-banner{font-size:clamp(27px,3vw,45px);font-weight:900;margin:10px 0 24px}.hero-banner strong{color:#ffdb27}.hero-copy p{font-size:18px;line-height:1.7;max-width:550px}.hero-cta{margin-top:20px}.hero-cta span{margin-left:14px}.hero-art{position:relative;min-height:470px;display:grid;place-items:center}.hero-logo{position:relative;z-index:2;width:83%;aspect-ratio:1;display:grid;place-items:center;background:#ffffffed;border-radius:50%;box-shadow:0 28px 75px #003d2780}.hero-logo img{width:88%;height:88%;object-fit:contain}.hero-orbit{position:absolute;border-radius:50%;border:2px dashed #fff7}.orbit-one{width:108%;aspect-ratio:1}.orbit-two{width:125%;aspect-ratio:1;border-color:#ffce3e77}.floating-note{position:absolute;z-index:3;background:white;color:#086d34;padding:14px 19px;border-radius:14px;box-shadow:0 10px 30px #003e2240;font-weight:900}.note-one{top:13%;right:-3%}.note-two{bottom:12%;left:-6%}.intro-v11{text-align:center;padding:90px 0 75px}.intro-v11 h2,.why-v11 h2{font-size:clamp(29px,3.4vw,46px);font-weight:950;line-height:1.2;color:#066b35}.intro-v11 h2 span,.why-v11 h2 span{color:#e9ad00}.intro-v11 p{max-width:900px;margin:20px auto 42px;line-height:1.8;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0 42px}.metric{background:#f0f9f1;border-radius:20px;padding:32px 16px;display:flex;flex-direction:column;gap:12px}.metric strong{font-size:clamp(29px,3vw,44px);color:#05823b}.metric span{font-size:17px;font-weight:700}.why-v11{padding:85px 0;background:#edf8ee;text-align:center}.why-v11 h2{margin:0 0 42px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why-grid article{background:white;border-radius:18px;min-height:205px;padding:26px 12px;box-shadow:0 7px 22px #035b1810}.why-grid i{display:grid;place-items:center;font-style:normal;font-size:39px;font-weight:900;color:#07873e;background:#e5f6e9;width:70px;height:70px;border-radius:50%;margin:0 auto 12px}.why-grid h3{font-size:19px;line-height:1.45;color:#076b32}.signup-v11{background:linear-gradient(125deg,#006c32,#069947);padding:90px 0}.signup-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.signup-copy{color:#fff}.signup-copy h2{font-size:clamp(52px,6vw,90px);line-height:1.04;margin:20px 0}.signup-copy em{color:#ffcf13;font-style:normal}.signup-copy p{font-size:20px;line-height:1.6}.signup-copy img{width:190px;height:190px;object-fit:contain;background:white;border-radius:25px;margin-top:15px}.signup-panel{background:white;border-radius:20px;padding:36px;box-shadow:0 20px 50px #003c254a}.signup-panel h2{text-align:center;color:#067d37;font-size:26px;margin:0 0 24px}.signup-fields{display:grid;gap:15px}.signup-fields input,.signup-fields select{padding:17px 18px;background:#f8f9f8;border:1px solid #cfd9d0;border-radius:7px;font-size:16px}.signup-panel .submit{border-radius:8px;box-shadow:none}.trap{position:absolute;left:-9999px}.closing-v11{text-align:center;padding:90px 0;background:#fff}.closing-v11 h2{font-size:clamp(29px,4vw,52px);line-height:1.3;color:#08783b}.closing-v11 h2 span{color:#e9b100}.footer{padding:35px 0 95px}.footer a{text-decoration:underline}.landing-v11 .zalo{background:#0068ff;color:#fff;box-shadow:0 8px 25px #0003;border-radius:50px}
@media(max-width:800px){.hero-v11,.signup-layout{grid-template-columns:1fr}.hero-v11{padding:50px 0}.hero-art{min-height:300px}.hero-logo{width:260px}.hero-orbit{display:none}.floating-note{font-size:12px;padding:9px}.note-one{right:5%}.note-two{left:5%}.metrics,.why-grid{grid-template-columns:1fr 1fr}.signup-layout{gap:30px}.signup-copy img{display:none}.signup-copy h2{font-size:56px}.signup-v11{padding:55px 0}}@media(max-width:520px){.landing-v11 .nav{min-height:70px}.landing-v11 .logo{width:80px;height:68px}.landing-v11 .nav-cta{font-size:11px;padding:11px}.hero-copy h1{font-size:36px}.hero-banner{font-size:28px}.hero-art{min-height:260px}.hero-logo{width:230px}.metrics,.why-grid{grid-template-columns:1fr}.intro-v11,.why-v11,.closing-v11{padding:55px 0}.signup-panel{padding:24px 18px}.signup-panel h2{font-size:22px}.signup-copy h2{font-size:52px}}
