:root{--blue-glow: #388BFD;--green-accent: #238636;--green-text: #3FB950;--bg-page: #0D1117;--bg-card: #161B22;--border-color: #30363D;--text-primary: #E6EDF3;--text-secondary: #8B949E;--text-tertiary: #6E7681;--shadow-glow: 0 0 15px rgba(56, 139, 253, .3), 0 0 5px rgba(56, 139, 253, .2);--font-family-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Roboto", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-family-body);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(rgba(110,118,129,.1) 1px,transparent 1px),linear-gradient(to right,rgba(110,118,129,.1) 1px,transparent 1px);background-size:40px 40px}.page{max-width:1200px;margin:4rem auto;overflow:visible}.quote-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2.5rem}.quote-main{flex:1;min-width:60%}.quote-sidebar{width:320px;flex-shrink:0;position:sticky;top:4rem}section{margin-bottom:4rem}section:last-child{margin-bottom:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-family-heading);font-weight:700}h2{font-size:2.5rem;color:var(--text-primary);font-weight:700;margin-bottom:.5rem;position:relative;text-align:center}h2+p{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem}h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}p:last-child{margin-bottom:0}a{color:var(--blue-glow);text-decoration:none;font-weight:500;transition:opacity .2s ease}a:hover{opacity:.8;text-decoration:underline}b{color:var(--text-primary);font-weight:600}.muted{color:var(--text-tertiary);font-size:.9em;font-weight:400}.text-center{text-align:center}.header{padding:2.5rem 0;text-align:center}.header-top{display:flex;justify-content:center;align-items:center;margin-bottom:3.5rem;padding:0 1rem}.header-title{text-align:center}.header-title h1{font-size:3rem;color:var(--text-primary);font-weight:800;letter-spacing:-1px;margin:0 0 .5rem;line-height:1.1;text-transform:uppercase}.header-title p{color:var(--text-secondary);font-weight:500;font-size:1.1rem}.logo-placeholder{border:1px solid var(--border-color);padding:1.5rem 2rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.9rem;font-weight:600;flex-shrink:0;width:200px;height:80px;text-align:center;background-color:var(--bg-card)}.logo-matbao{border:none;padding:0;width:auto;height:auto;background:none}.logo-matbao svg path{fill:#e3272c}.logo-matbao svg path[fill="#ED7225"]{fill:#ed7225}.intro{margin:2rem 0;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.intro p{font-size:1.05rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;position:relative;padding:1.5rem}.card-glow-border{box-shadow:var(--shadow-glow);border-color:var(--blue-glow)}.card-glow-border:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue-glow),transparent)}.pricing-card{padding:0;overflow:hidden}.pricing-card-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.pricing-card-header h3{margin:0}.status-active{display:flex;align-items:center;gap:.5rem;color:var(--green-text);font-weight:600}.status-active svg{width:16px;height:16px}.pricing-card-body{padding:1.5rem}.sidebar-card{margin-bottom:1.5rem}.sidebar-card h3{font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.sidebar-card .meta-label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.sidebar-card b{font-weight:600}.summary-card{text-align:center}.summary-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.summary-total{font-size:2.5rem;font-weight:800;font-family:var(--font-family-heading);letter-spacing:-1px;margin-bottom:1.5rem;color:var(--text-primary)}.summary-total .currency{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-left:.5rem}.quote-details p{font-size:.85rem;display:flex;justify-content:space-between;color:var(--text-secondary);margin-bottom:.5rem}.quote-details b{color:var(--text-primary)}.consultant-card{text-align:center}.consultant-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--blue-glow),#1C65C1);margin:0 auto 1rem;border:2px solid var(--border-color)}.consultant-card b{display:block;font-size:1.1rem;margin-top:.5rem}.consultant-contact{margin-top:1rem;font-size:.9rem}.consultant-contact p{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.consultant-contact svg{color:var(--blue-glow)}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:1rem 1.5rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-color)}td{color:var(--text-secondary)}#items b{color:var(--text-primary);font-weight:600}th{background-color:transparent;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;font-family:var(--font-family-body)}#items tbody tr:last-child td{border-bottom:none}#items tbody tr:hover{background-color:#6e76811a}.num{text-align:right;white-space:nowrap;font-family:Roboto,sans-serif}.totals-row td{border-bottom:none;font-weight:500;color:var(--text-primary);background:transparent}.totals-row:first-of-type td{padding-top:1.5rem;border-top:1px solid var(--border-color)}.grand-row td{background:transparent;color:var(--green-text);font-size:1.25rem;font-weight:700;padding-top:1rem;padding-bottom:1rem;font-family:var(--font-family-heading);vertical-align:middle}.grand-row td:first-child{letter-spacing:1px;color:var(--text-primary)}.payment-methods table{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.payment-methods th{background-color:transparent}.payment-methods td{font-size:.9rem;vertical-align:middle}.payment-methods tbody td:first-child{font-weight:600;color:var(--text-primary)}.payment-methods tbody tr:last-child td{border-bottom:none}.qr-code-image{width:60px;height:60px;display:inline-block;vertical-align:middle;margin-left:1rem;border-radius:8px;padding:4px;background:#fff;border:1px solid var(--border-color)}.cta-button{display:inline-block;background:var(--blue-glow);color:#fff;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;border:1px solid var(--blue-glow);transition:all .2s ease}.cta-button:hover{background:#58a6ff;border-color:#58a6ff;opacity:1;text-decoration:none}.payment-terms{padding:2rem;border-radius:12px;background-color:var(--bg-card);border:1px solid var(--border-color)}.payment-terms h3{font-size:1.5rem;margin-bottom:1rem;padding-bottom:0}.payment-terms p{font-size:.9rem;color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-item{background-color:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid var(--border-color);text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-item:hover{transform:translateY(-5px);border-color:var(--blue-glow);box-shadow:var(--shadow-glow)}.feature-icon{display:inline-flex;padding:1rem;border-radius:12px;background:var(--bg-page);color:var(--blue-glow);margin-bottom:1.5rem;border:1px solid var(--border-color)}.feature-item h3{margin-bottom:.5rem;font-size:1.2rem}.feature-item p{font-size:.9rem;line-height:1.7}.footer{margin-top:4rem;color:var(--text-secondary);padding:4rem 1rem;border-top:1px solid var(--border-color);text-align:center}.footer h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;text-align:center;padding-bottom:1rem}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;text-align:left;max-width:1000px;margin:0 auto}.support-item{display:flex;align-items:flex-start;gap:1.5rem}.support-icon{flex-shrink:0;color:var(--blue-glow);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.support-icon svg{width:24px;height:24px}.support-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-family-heading)}.support-content p{font-size:.9rem;line-height:1.5;margin:0 0 .5rem;color:var(--text-secondary)}.support-content span{font-weight:600;color:var(--text-primary);font-size:.95rem}@media(max-width:1024px){.quote-container{flex-direction:column}.quote-sidebar{width:100%;position:static;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.summary-card{grid-column:1 / -1}.feature-grid{grid-template-columns:1fr}}@media(max-width:768px){body{font-size:14px}.page{margin:1rem}.quote-container{padding:0;gap:2rem}h2{font-size:2rem}h2+p{font-size:1rem;margin-bottom:2rem}.header{padding:1rem 0}.header-top{flex-direction:column;gap:1.5rem}.header-title{margin-top:1.5rem}.header-title h1{font-size:2.25rem}.logo-placeholder{width:100%}.quote-sidebar{grid-template-columns:1fr}.footer{padding:2.5rem 1rem}.support-grid{grid-template-columns:1fr;text-align:center}.support-item{flex-direction:column;align-items:center;gap:1rem}}@media print{body{background:#fff;color:#000;background-image:none}.page{border:none;margin:0;padding:0;box-shadow:none;border-radius:0}.header,.footer,.quote-sidebar,.why-us,.payment-methods,.payment-terms{display:none}.card,.pricing-card{border:1px solid #ccc;box-shadow:none;background-color:#fff}th,td,p,b,h1,h2,h3{color:#000!important}.grand-row td{background:#eee!important;-webkit-print-color-adjust:exact;color-adjust:exact}a[href]:after{content:""}}