.extension-page{--bg:#f7f8fa;--card:#fff;--muted:#6b7280;--accent:#0369a1;background:var(--bg);margin:0;padding:15px;font-weight:600;line-height:1.5em}.extension-page .container{max-width:1200px}.extension-page .extension-nav{font-size:13px}.extension-page .extension-nav a{border-left:1px solid #cfcfcf;margin-left:5px;padding-left:5px;font-weight:700;line-height:10px}.extension-page .extension-nav a:first-child{border-left:0 solid #fff;margin-left:0;padding-left:0}.extension-page .extension-nav a.active,.extension-page .extension-nav a:hover{color:red;text-decoration:underline}.extension-page .cards{padding:0 1rem 15px}.extension-page .logo{width:260px}.extension-page header{align-items:center;gap:16px;display:flex}.extension-page header h1{margin:0;font-size:22px}.extension-page .card{background:var(--card);border-radius:12px;margin-top:20px;padding:28px;box-shadow:0 6px 18px #0f172a0f}.extension-page h2{color:#0f172a;margin:18px 0 10px}.extension-page p{color:#111827;line-height:1.6}.extension-page ul{margin-left:20px;list-style:outside}.extension-page .muted{color:var(--muted)}.extension-page footer{color:var(--muted);margin-top:28px;font-size:13px}.extension-page code{background:#f3f4f6;border-radius:6px;padding:2px 6px;font-size:13px}.extension-page .small{font-size:14px}.extension-main{padding:20px 0 0}.extension-main .install-btn{color:#fff;cursor:pointer;background:linear-gradient(#d61515,#b80000);border:none;border-radius:18px;justify-content:center;align-items:center;gap:18px;width:100%;height:48px;padding-right:30px;font-weight:600;display:flex;position:relative;box-shadow:0 12px 24px #be000040}.extension-main .install-btn .chrome-out{z-index:2;position:absolute;top:14px;right:10px}.extension-main .install-btn img.chrome{z-index:1;width:20px;position:absolute;top:14px;right:10px}.extension-main .install-btn:disabled{opacity:.7;cursor:not-allowed}.extension-main .extension-hero{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.extension-main .extension-hero nav{align-items:center;gap:28px;display:flex}.extension-main .extension-hero nav a{color:#111827;cursor:pointer;font-weight:600}.extension-main .extension-hero nav a.active{color:#ffe8e8;background:#c40000;border-radius:16px;padding:4px 16px}.extension-main .extension-hero .btn-install,.extension-main .extension-hero .chrome-btn{cursor:pointer;border:none;border-radius:8px;font-weight:600;text-decoration:none}.extension-main .extension-hero .btn-install{color:#fff;background:#c1121f;padding:5px 16px}.extension-main .extension-hero .chrome-btn{color:#111827;background:#f8fafc;border:1px solid #e2e8f0;padding:12px 22px}.extension-main .extension-logo{align-items:center;gap:14px;display:flex}.extension-main .extension-logo img{object-fit:contain;height:70px}.extension-main .extension-logo h2{color:#b60000;text-transform:uppercase;margin:0;font-size:1.2em;font-weight:900}.extension-main .extension-logo p{color:#8a3b18;margin:2px 0 0;font-weight:600}.extension-main .extension-grid{grid-template-columns:3fr 2fr;gap:18px;display:grid}.extension-main .extension-grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.extension-main .extension-downloads{max-width:100%}.extension-main .extension-card{background:#ffffffe0;border:1px solid #007936;border-radius:20px;padding:28px;position:relative;box-shadow:0 12px 36px #94501414}.extension-main .intro-content{z-index:1;position:relative;overflow:hidden}.extension-main .intro-content h1{color:#0f172a;margin:0 0 16px;font-size:1.6em;line-height:1.5}.extension-main .intro-content h1 span{color:#c40000}.extension-main .intro-desc{color:#475569;margin-bottom:30px;font-size:1em}.extension-main .feature-list{flex-direction:column;gap:38px;display:flex}.extension-main .feature-item{grid-template-columns:52px 1fr;align-items:flex-start;gap:14px;display:grid}.extension-main .feature-item h4{margin:0 0 4px;font-size:1.2em}.extension-main .feature-item p{color:#475569;margin:0;line-height:1.6}.extension-main .download-extension-btn{color:#41340c;cursor:pointer;background:#ffbc00;border:none;border-radius:16px;width:100%;height:48px;font-weight:700}.extension-main .feature-icon,.extension-main .title-icon{background:#87878736;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.2em;display:grid}.extension-main .feature-icon img,.extension-main .feature-icon svg{width:36px;height:36px}.extension-main .mascot-box{z-index:0;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;right:0}.extension-main .mascot-box img{object-fit:contain;width:100%;max-height:430px}.extension-main .card-title{align-items:flex-start;gap:14px;margin-bottom:26px;display:flex}.extension-main .card-title h3{color:#111827;margin:0;font-size:1.2em}.extension-main .card-title p{color:#64748b;margin:6px 0 0;line-height:1.5}.extension-main .title-icon.red{background:#ffe8e8}.extension-main .title-icon.green{background:#e8f8ec}.extension-main .install-card{position:relative}.extension-main .install-steps{z-index:9;flex-direction:column;gap:28px;margin-bottom:30px;padding-right:120px;display:flex;position:relative}.extension-main .dls{z-index:99;position:relative}.extension-main .step-item{grid-template-columns:42px 1fr;gap:14px;display:grid}.extension-main .step-item h4{margin:0 0 8px;font-size:1em}.extension-main .step-item p{color:#475569;margin:0;line-height:1.6}.extension-main .step-number{background:#fdc50454;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.extension-main .chrome-box{z-index:1;position:absolute;top:60px;right:10px}.extension-main .chrome-box .chrome-logo{background:url(/trangnguyen/images/chrome-logo.png) 50% no-repeat;place-items:center;width:150px;height:180px;display:grid}.extension-main .verified{text-align:center;color:#008736;background-color:#effff0;border:1px solid #008736;border-radius:15px;margin-top:16px;padding:2px 10px 2px 5px;font-weight:600}.extension-main .stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.extension-main .stat-card{background:#fff;border:1px solid #eee0c6;border-radius:16px;flex-direction:column;justify-content:center;min-height:132px;padding:18px;display:flex}.extension-main .stat-card .stat-icon{margin-bottom:12px;font-size:1.4em}.extension-main .stat-card strong{color:#e36d00;font-size:1.4em}.extension-main .stat-card p{color:#64748b;margin:6px 0 0}.extension-main .preview-content{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.extension-main .browser-preview{background:#eef3f8;border-radius:20px;min-height:260px;padding:22px;position:relative}.extension-main .browser-dots{gap:8px;margin-bottom:24px;display:flex}.extension-main .browser-dots span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.extension-main .extension-popup{background:#fff;border-radius:16px;margin:auto;padding:18px;box-shadow:0 12px 28px #0f172a1f}.extension-main .extension-popup ul{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;list-style:none;display:flex}.extension-main .popup-logo{align-items:center;gap:8px;display:flex}.extension-main .popup-logo img{border-radius:50%;width:34px;height:34px}.extension-main .check-list{margin:0;padding:0;list-style:none}.extension-main .check-list li{color:#334155;margin-bottom:18px;padding-left:34px;font-weight:600;line-height:1.5;position:relative}.extension-main .check-list li:before{content:"✓";color:#fff;background:#6abc73;border-radius:50%;place-items:center;width:24px;height:24px;font-size:1em;display:grid;position:absolute;top:0;left:0}.extension-main .extension-footer{color:#000;background:linear-gradient(90deg,#fff8e9,#fff8e8);justify-content:space-around;align-items:center;min-height:56px;margin-top:18px;font-weight:600;display:flex}.extension-main .download-apps h4{color:#9f1b1b;margin:0;font-size:20px}.extension-main .download-apps p{color:#64748b;margin:6px 0 16px}.extension-main .qr-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.extension-main .qr-card{text-align:center;background:#fffaf0;border:1px solid #f1d6a3;border-radius:16px;padding:14px}.extension-main .qr-card strong{color:#111827;margin-top:10px;display:block}.extension-main .qr-card span{color:#64748b}.extension-main .qr-box{background:#fff;border:1px solid #ead7b5;border-radius:14px;width:118px;height:118px;margin:0 auto;padding:8px}.extension-main .qr-box img{object-fit:contain;width:100%;height:100%}@media (max-width:768px){.extension-page .sm-block{display:block}.extension-page .logo{margin-bottom:30px;display:block}.extension-main{padding:10px 0}.extension-main .install-steps{padding-right:0}.extension-main .extension-grid,.extension-main .preview-content,.extension-main .extension-grid-2,.extension-main .stats-grid{grid-template-columns:1fr!important}.extension-main .chrome-box{justify-content:center;margin-bottom:20px;display:flex;position:static}.extension-main .stats-grid{grid-template-columns:repeat(2,1fr)}.extension-main .extension-footer{text-align:center;flex-direction:column;gap:10px;padding:16px}}