:root{--green:#509b33;--green-dark:#3d7a26;--green-soft:#eef6ea;--ink:#1f2328;--muted:#5f6770;--line:#e3e6e8;--bg:#fff;--bg-soft:#f6f7f7;--footer:#292d36;--footer-bottom:#33373f;--danger:#d93030;--radius:12px;--shadow:0 6px 24px #141e1414;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0;font-size:16px}img{max-width:100%;height:auto}a{color:var(--green-dark)}a:hover{color:var(--green)}h1,h2,h3{margin:0 0 .5em;line-height:1.25}p{margin:0 0 1em}.container{width:100%;max-width:1180px;margin:0 auto;padding-inline:20px}.site-header{z-index:50;background:var(--green);position:sticky;top:0;box-shadow:0 2px 10px #0000001f}.header-row{align-items:center;gap:16px;min-height:68px;display:flex}.brand{align-items:center;display:flex}.brand img{width:auto;height:34px;display:block}.site-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:#fff;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:#fff;background:#ffffff24}.nav-link.active{background:#ffffff38}.nav-delete{background:#00000038;margin-left:8px}.nav-delete:hover,.nav-delete.active{background:#00000052}.nav-toggle{cursor:pointer;background:#ffffff26;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:auto;display:none}.nav-toggle span{background:#fff;border-radius:2px;width:20px;height:2px;display:block}@media (width<=920px){.nav-toggle{display:flex}.site-nav{background:var(--green-dark);flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #00000026}.site-nav.open{display:flex}.nav-link{border-radius:10px;padding:12px 14px}.nav-delete{margin-left:0}}.hero{color:#fff;background:linear-gradient(100deg,#142d0cd1 0%,#2850198c 55%,#28501940 100%),url(/img/backgroud-register.png) 50%/cover no-repeat;position:relative}.hero-inner{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding-block:72px 80px;display:grid}.hero-kicker{text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin-bottom:12px;font-size:13px;font-weight:600}.hero h1{text-transform:uppercase;letter-spacing:.01em;font-size:clamp(32px,4.4vw,52px);font-weight:800}.hero-lead{opacity:.95;max-width:34em;font-size:18px}.hero-apps{gap:16px;display:grid}@media (width<=860px){.hero-inner{grid-template-columns:1fr;gap:28px;padding-block:48px 56px}}.app-card{border-radius:var(--radius);padding:18px 18px 16px}.app-card-light{color:var(--ink);box-shadow:var(--shadow);background:#fff}.app-card-dark{color:#fff;background:#ffffff1f;border:1px solid #ffffff38}.app-card-head{align-items:center;gap:14px;display:flex}.app-card-head img{border-radius:12px;flex:none}.app-card-role{text-transform:uppercase;letter-spacing:.05em;color:var(--green);font-size:13px;font-weight:600}.app-card-dark .app-card-role{color:#d9f1cf}.app-card-name{font-size:20px;font-weight:700}.app-card-audience{color:var(--muted);margin:8px 0 12px;font-size:14px}.app-card-dark .app-card-audience{color:#ffffffd9}.store-row{flex-wrap:wrap;gap:10px;display:flex}.store-btn{color:#fff;background:#111;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 12px;font-size:16px;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.store-btn:hover{color:#fff;background:#000}.store-btn small{opacity:.8;font-size:11px;font-weight:500;display:block}.section{padding-block:72px}.section-green{color:#fff;background:linear-gradient(#408228ed,#408228ed),url(/img/background-choice.png) 50%/cover}.section-soft{background:var(--bg-soft)}.section-title{text-align:center;text-transform:uppercase;font-size:clamp(24px,3vw,32px);font-weight:700}.section-title.left{text-align:left}.section-lead{text-align:center;opacity:.95;max-width:52em;margin:0 auto 36px;font-size:17px}.section-note{text-align:center;margin-top:24px}.link-strong{font-weight:600;text-decoration:none}.link-strong:hover{text-decoration:underline}.why-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.why-item{text-align:center}.why-item img{background:#fff;border-radius:50%;width:96px;height:96px;margin-bottom:14px;padding:16px;box-shadow:0 4px 14px #0000001f}.why-item h3{font-size:19px}.why-item p{opacity:.93}@media (width<=820px){.why-grid{grid-template-columns:1fr}}.steps{grid-template-columns:repeat(3,1fr);gap:28px;margin:36px 0 0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:14px;padding:20px;display:flex}.step-no{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.step-body h3{margin-bottom:6px;font-size:18px}.step-body p{color:var(--muted);margin-bottom:12px}.step-img{border-radius:8px;width:auto;max-height:300px;margin-inline:auto;display:block}.steps-footer{text-align:center;margin-top:32px}@media (width<=980px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.steps{grid-template-columns:1fr}}.know{color:#fff;background:url(/img/use-now-background.png) center / cover, var(--green)}.know-inner{grid-template-columns:1fr 260px;align-items:center;gap:32px;display:grid}.know-links{columns:2;column-gap:32px;margin:16px 0 28px;padding-left:20px}.know-links li{break-inside:avoid;margin-bottom:8px}.know-links a{color:#fff}.know-apps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.know-hand{width:100%;max-width:260px}@media (width<=900px){.know-inner{grid-template-columns:1fr}.know-hand{display:none}}@media (width<=640px){.know-links{columns:1}.know-apps{grid-template-columns:1fr}}.partners{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;display:grid}.partner{border:1px solid var(--line);border-radius:var(--radius);place-items:center;min-height:130px;padding:20px;display:grid}.partner img{width:auto;max-height:90px}@media (width<=720px){.partners{grid-template-columns:repeat(2,1fr)}}.docs-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.docs-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.docs-card h3{color:var(--green-dark);font-size:17px}.docs-card ul{margin:0;padding-left:18px}.docs-card li{margin-bottom:6px}@media (width<=980px){.docs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.docs-grid{grid-template-columns:1fr}}.doc{padding-block:48px 72px}.doc-inner{max-width:900px}.doc-narrow{max-width:560px}.doc-title{text-align:center;text-transform:uppercase;font-size:clamp(26px,3.4vw,36px);font-weight:800}.doc-subtitle{text-align:center;color:var(--muted);margin-bottom:32px;font-size:18px}.doc-h2{margin-top:40px;font-size:22px}.doc-apps{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}@media (width<=640px){.doc-apps{grid-template-columns:1fr}}.legal{text-align:justify;-webkit-hyphens:auto;hyphens:auto}@media (width<=640px){.legal{text-align:left}}.legal h5{text-align:left;margin:28px 0 10px;font-size:18px}.legal ul,.legal ol{padding-left:22px}.legal li{margin-bottom:6px}.legal table{border-collapse:collapse;width:100%;margin:12px 0}.legal td{border:1px solid var(--line);vertical-align:top;padding:8px 10px}.toc{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.toc a{background:var(--green-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.toc a span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.contract-section{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;padding:24px;scroll-margin-top:90px}.contract-section h2{text-transform:uppercase;color:var(--green-dark);font-size:20px}.contract-sub{margin-top:18px;font-size:17px}.contract-section strong{color:var(--green-dark)}.contract-section ul{padding-left:20px}.contract-section li{margin-bottom:8px}.facts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.fact{background:var(--green-soft);border-radius:10px;padding:14px 16px}.fact-value{color:var(--green-dark);font-size:24px;font-weight:800}.fact-label{color:var(--muted);font-size:14px}.tiers{margin:12px 0 16px;overflow-x:auto}.tiers-caption{letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700}.tiers table{border-collapse:collapse;width:100%}.tiers td{border-top:1px solid var(--line);vertical-align:top;padding:10px 8px}.tier-value{white-space:nowrap;text-align:right;color:var(--green-dark);font-weight:700}.support-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.support-card{border-radius:var(--radius);border:1px solid var(--line);color:var(--ink);flex-direction:column;gap:2px;padding:18px 20px;text-decoration:none;display:flex}.support-card:hover{border-color:var(--green);color:var(--ink)}.support-label{color:var(--muted);font-size:14px}.support-value{font-size:20px;font-weight:700}.support-primary{background:var(--green);border-color:var(--green);color:#fff}.support-primary:hover{color:#fff;background:var(--green-dark)}.support-primary .support-label{color:#ffffffd9}.support-zalo .support-value{color:#0068ff}@media (width<=600px){.support-grid{grid-template-columns:1fr}}.form{flex-direction:column;margin-top:8px;display:flex}.form label{margin:16px 0 6px;font-weight:600}.form input,.form textarea{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #c9ced3;border-radius:10px;padding:12px 14px}.form input:focus,.form textarea:focus{border-color:var(--green);outline:3px solid #509b3340}.form input:disabled{background:var(--bg-soft)}.help{color:var(--muted);margin-top:6px;font-size:14px}.otp-row{gap:10px;display:flex}.otp-row input{flex:1;min-width:0}.form .btn-danger{margin-top:20px}.muted{color:var(--muted)}.small{margin-top:24px;font-size:14px}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;min-height:48px;padding:10px 20px;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.btn-danger:not(:disabled):hover{background:#b92424}.btn-outline{color:var(--green-dark);border-color:var(--green);background:#fff}.btn-outline:not(:disabled):hover{background:var(--green-soft)}.btn-ghost{background:var(--bg-soft);color:var(--ink);border-color:var(--line)}.alert{border-radius:10px;margin:12px 0;padding:12px 14px}.alert-info{background:#fff8e6;border:1px solid #f1d9a0}.alert-success{background:var(--green-soft);border:1px solid #c4e2b6}.alert-error{color:#8f1d1d;background:#fdecec;border:1px solid #f3c1c1}.dialog{border:0;border-radius:16px;max-width:min(440px,100vw - 32px);padding:24px;box-shadow:0 20px 60px #00000040}.dialog::backdrop{background:#14191480}.dialog h2{font-size:20px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.site-footer{background:var(--footer);color:#e8eaed;font-size:15px}.site-footer a{color:#fff}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:44px 20px;display:flex}.footer-top p{margin:0 0 4px}.footer-company{color:#fff;margin-bottom:12px;font-size:24px;font-weight:600}.footer-badges{align-items:flex-start;gap:10px;display:flex}.footer-contacts{grid-template-columns:repeat(3,1fr);gap:20px 28px;padding-block:16px 40px;display:grid}.contact{align-items:center;gap:14px;display:flex}.contact-wide{grid-column:span 2}.contact-icon{color:#fff;border:2px solid #ffffff8c;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.contact-img{border-radius:6px;flex:none}.contact-label{color:#ffffffb3;font-size:13px}.footer-bottom{background:var(--footer-bottom);font-size:14px}.footer-bottom-row{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:16px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a{opacity:.9;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}@media (width<=820px){.footer-contacts{grid-template-columns:1fr}.contact-wide{grid-column:auto}}
