:root{--bg-dark: #070b14;--bg-card: #0f172a;--bg-card-2: #131f38;--border: rgba(148, 163, 184, .16);--primary: #10b981;--primary-dark: #059669;--accent: #3b82f6;--gold: #f59e0b;--danger: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--radius-lg: 18px;--radius-md: 12px}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 50% 0%,#0f243c,#070b14 55%);min-height:100vh;padding-bottom:88px;overflow-x:hidden}.container{max-width:1040px;margin:0 auto;padding:0 16px}.top-bar{background:linear-gradient(90deg,#064e3b,#0f766e,#1e3a8a);color:#ecfdf5;font-size:.82rem;font-weight:600;padding:9px 12px;text-align:center;border-bottom:1px solid rgba(16,185,129,.3);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.top-bar-inner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.top-pill{background:#ffffff24;padding:2px 9px;border-radius:999px;font-size:.75rem}.hero{padding:28px 0 36px}.hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}@media(min-width:820px){.hero-grid{grid-template-columns:1.02fr 1.05fr;gap:36px}}.gallery-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;box-shadow:0 20px 45px #00000073}.main-img-wrap{position:relative;border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.main-img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.badge-discount{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:800;font-size:.85rem;padding:6px 12px;border-radius:999px;box-shadow:0 4px 12px #ef444466}.badge-gov{position:absolute;bottom:12px;left:12px;right:12px;background:#0f172ae6;backdrop-filter:blur(6px);color:#34d399;font-size:.78rem;font-weight:700;padding:7px 12px;border-radius:10px;border:1px solid rgba(16,185,129,.4);display:flex;align-items:center;gap:6px}.thumb-row{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.thumb-btn{width:62px;height:62px;flex-shrink:0;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#fff;cursor:pointer;padding:2px;transition:all .15s}.thumb-btn.active{border-color:var(--primary);transform:translateY(-2px)}.thumb-btn img{width:100%;height:100%;object-fit:cover;border-radius:6px}.trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.t-badge{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;padding:5px 11px;border-radius:999px;background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.3)}.t-badge.mac{background:#3b82f626;color:#60a5fa;border-color:#3b82f659}.hero-title{font-size:clamp(1.5rem,4.2vw,2.15rem);font-weight:800;line-height:1.28;color:#fff;margin-bottom:12px}.hero-title .accent-green{color:#34d399}.hero-sub{color:#cbd5e1;font-size:.96rem;line-height:1.62;margin-bottom:18px}.price-card{background:linear-gradient(145deg,#10b9811f,#0f172af2);border:1.5px solid rgba(16,185,129,.4);border-radius:16px;padding:16px 18px;margin-bottom:18px}.price-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sale-price{font-size:clamp(1.8rem,5vw,2.3rem);font-weight:800;color:#34d399;letter-spacing:-.02em}.old-price{font-size:1.05rem;color:#64748b;text-decoration:line-through;font-weight:600}.save-tag{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.4);font-size:.76rem;font-weight:700;padding:3px 9px;border-radius:6px}.freeship-line{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(148,163,184,.2);font-size:.85rem;color:#e2e8f0;font-weight:600}.cta-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:800;font-size:1.04rem;padding:16px 20px;border-radius:14px;border:none;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 10px 25px #10b98159;transition:transform .15s,box-shadow .15s}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #10b98173}.cta-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.under-cta-perks{margin-top:14px;background:#0f172ab3;border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:grid;gap:7px}.perk-item{display:flex;align-items:center;gap:8px;font-size:.87rem;font-weight:600;color:#e2e8f0}.section{padding:36px 0}.section-header{text-align:center;max-width:720px;margin:0 auto 28px}.section-tag{display:inline-block;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#34d399;background:#10b9811f;padding:4px 12px;border-radius:999px;margin-bottom:8px}.section-tag.danger{color:#f87171;background:#ef444424}.section-title{font-size:clamp(1.35rem,3.6vw,1.85rem);font-weight:800;color:#fff;margin-bottom:8px;line-height:1.32}.section-desc{color:var(--text-muted);font-size:.94rem;line-height:1.55}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.pain-card{background:linear-gradient(165deg,#ef444417,#0f172af2);border:1px solid rgba(239,68,68,.28);border-radius:16px;padding:20px}.pain-icon{width:44px;height:44px;border-radius:12px;background:#ef444429;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:12px}.pain-card h3{font-size:1.02rem;font-weight:800;color:#fca5a5;margin-bottom:8px;line-height:1.4}.pain-card p{font-size:.9rem;color:#cbd5e1;line-height:1.55}.pain-callout{margin-top:20px;text-align:center;background:#10b9811c;border:1px solid rgba(16,185,129,.35);border-radius:14px;padding:14px 18px;font-weight:700;color:#ecfdf5;font-size:.96rem}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.pillar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:22px 20px;transition:border-color .2s,transform .2s}.pillar-card:hover{border-color:#10b98173;transform:translateY(-2px)}.pillar-card.exclusive{background:linear-gradient(155deg,#3b82f61f,#0f172af5);border-color:#3b82f661}.pillar-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pillar-icon{width:44px;height:44px;border-radius:12px;background:#10b98124;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.pillar-card.exclusive .pillar-icon{background:#3b82f62e}.pillar-head h3{font-size:1.05rem;font-weight:800;color:#fff;line-height:1.35}.pillar-list{list-style:none;display:grid;gap:10px}.pillar-list li{font-size:.89rem;color:#cbd5e1;line-height:1.52;padding-left:18px;position:relative}.pillar-list li:before{content:"✓";position:absolute;left:0;top:0;color:#34d399;font-weight:800}.pillar-list li strong{color:#fff}.compare-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:.88rem}.compare-table th,.compare-table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left}.compare-table th{background:#131f38;font-weight:800;color:#fff}.compare-table th.highlight-col,.compare-table td.highlight-col{background:#10b9811c;color:#ecfdf5;font-weight:700}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.audience-card{background:var(--bg-card);border:1px solid var(--border);border-radius:15px;padding:18px}.audience-card .a-icon{font-size:1.6rem;margin-bottom:8px}.audience-card h3{font-size:.96rem;font-weight:800;color:#34d399;margin-bottom:6px}.audience-card p{font-size:.86rem;color:#cbd5e1;line-height:1.5}.checkout-wrap{max-width:640px;margin:0 auto}.checkout-card{background:linear-gradient(180deg,#111c33,#0b1324);border:2px solid rgba(16,185,129,.45);border-radius:20px;padding:22px 18px;box-shadow:0 24px 60px #0000008c}@media(min-width:600px){.checkout-card{padding:28px}}.co-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.co-header h2{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:6px}.co-header p{font-size:.85rem;color:#34d399;font-weight:600}.qty-section{background:#0f172abf;border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px}.qty-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qty-label{font-size:.9rem;font-weight:700;color:#e2e8f0}.qty-stepper{display:flex;align-items:center;background:#070b14;border:1px solid rgba(148,163,184,.3);border-radius:10px;overflow:hidden}.step-btn{width:38px;height:38px;background:#ffffff0f;color:#fff;border:none;font-size:1.2rem;font-weight:700;cursor:pointer}.step-btn:hover{background:#10b98140}.qty-input{width:52px;height:38px;text-align:center;background:transparent;border:none;color:#fff;font-size:1rem;font-weight:800}.preset-row{display:flex;gap:8px;flex-wrap:wrap}.preset-chip{flex:1;min-width:70px;padding:8px 10px;border-radius:9px;border:1px solid var(--border);background:#ffffff08;color:#cbd5e1;font-size:.8rem;font-weight:700;cursor:pointer;text-align:center;transition:all .15s}.preset-chip.active{background:#10b98133;border-color:var(--primary);color:#34d399}.summary-box{background:#10b98114;border:1px solid rgba(16,185,129,.28);border-radius:12px;padding:12px 14px;margin-bottom:18px}.sum-row{display:flex;justify-content:space-between;font-size:.86rem;color:#cbd5e1;margin-bottom:6px}.sum-row.total{margin-bottom:0;padding-top:8px;border-top:1px dashed rgba(148,163,184,.25);font-size:1.05rem;font-weight:800;color:#fff}.sum-total-price{color:#34d399;font-size:1.2rem}.form-group{margin-bottom:13px}.form-label{display:block;font-size:.83rem;font-weight:700;color:#cbd5e1;margin-bottom:6px}.req{color:#f87171}.form-input{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(148,163,184,.28);background:#070b14;color:#fff;font-size:.94rem;font-family:inherit;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98126}.error-msg{background:#ef444424;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 13px;border-radius:10px;font-size:.85rem;margin-bottom:14px}.vietqr-box{text-align:center;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vq-status-pill{display:inline-flex;align-items:center;gap:8px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:14px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#fbbf24;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.25)}}.qr-frame{background:#fff;padding:14px;border-radius:16px;display:inline-block;margin:0 auto 14px;box-shadow:0 12px 30px #0006}.qr-frame img{width:240px;height:240px;display:block}.qr-actions-row{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.btn-outline{background:#ffffff12;border:1px solid var(--border);color:#e2e8f0;padding:9px 14px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer}.btn-outline:hover{background:#ffffff24}.bank-details-card{background:#070b14;border:1px solid var(--border);border-radius:13px;padding:13px 15px;text-align:left;margin-bottom:16px}.bd-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px dashed rgba(148,163,184,.16);font-size:.86rem}.bd-row:last-child{border-bottom:none}.bd-label{color:var(--text-muted)}.bd-val{color:#fff;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}.bd-val.highlight{color:#34d399;font-size:.96rem}.copy-mini{background:#3b82f62e;color:#60a5fa;font-size:.72rem;padding:2px 7px;border-radius:5px}.bank-apps-box{margin-top:14px;text-align:left}.bank-apps-title{font-size:.82rem;font-weight:700;color:#cbd5e1;margin-bottom:8px;text-align:center}.bank-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bank-app-btn{display:flex;align-items:center;justify-content:center;padding:9px 6px;background:#1e293bd9;border:1px solid rgba(148,163,184,.25);border-radius:9px;color:#f8fafc;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s}.bank-app-btn:hover{border-color:var(--primary);background:#10b98126}.paid-card{text-align:center;padding:24px 12px}.paid-icon{font-size:3.4rem;margin-bottom:10px}.sticky-bottom{position:fixed;bottom:0;left:0;right:0;background:#0b1324f2;backdrop-filter:blur(12px);border-top:1px solid rgba(16,185,129,.35);padding:10px 16px;z-index:60}.sticky-inner{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.sticky-price-col{display:flex;flex-direction:column}.sticky-price{font-size:1.18rem;font-weight:800;color:#34d399}.sticky-sub{font-size:.74rem;color:#cbd5e1}.sticky-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:800;font-size:.9rem;padding:11px 18px;border-radius:11px;border:none;cursor:pointer;text-decoration:none;white-space:nowrap}