@font-face{font-family:Inter;src:url('assets/inter-latin-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-vietnamese-400.woff2');font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;src:url('assets/inter-latin-700.woff2');font-weight:600 800;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-vietnamese-700.woff2');font-weight:600 800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{--primary:#7c3aed;--pale:#f5f3ff;--ink:#111827;--muted:#6b7280;--body:#4b5563;--line:#e5e7eb;--surface:#fff;--fill:#f9fafb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font:14px/1.5 Inter,system-ui,sans-serif;color:var(--ink);background:var(--surface)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;border:0;background:var(--primary);color:#fff;font-weight:600;border-radius:8px;padding:10px 17px;line-height:20px}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.outline{display:inline-block;border:1px solid #d1d5db;border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 17px;font-weight:500}.text-link{background:none;border:0;color:var(--primary);padding:0;font-weight:400}.text-link:hover{text-decoration:underline}header{height:65px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{height:64px;max-width:1152px;padding:0 16px;margin:auto;display:flex;align-items:center;gap:24px}.brand{flex-shrink:0}.brand img{height:40px;width:139px;object-fit:contain;display:block}nav{display:flex;align-items:center;gap:16px;white-space:nowrap}nav a,nav .text-link{color:var(--body);font-size:14px}.actions{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.actions button{font-size:13px}.language{font-size:12px}#theme-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--body);font-size:23px;padding:0;font-weight:400}#live-balance{font-size:12px;color:var(--primary)}.hero{background:var(--pale);text-align:center}.hero-inner{max-width:1152px;padding:80px 16px;margin:auto}h1{font-size:36px;line-height:1.25;font-weight:700;margin:0;letter-spacing:-.65px}h1 em{font-style:normal;color:var(--primary)}p{color:var(--muted);margin:0;line-height:1.5}.hero-description{font-size:18px;color:var(--body);max-width:672px;margin:20px auto 0;line-height:1.6}.hero-note{font-size:14px;color:var(--body);max-width:672px;margin:12px auto 0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.hero-actions button,.hero-actions a{padding:11px 24px;font-size:16px}.trust{font-size:14px;margin-top:24px;color:var(--body)}main>section:not(.hero):not(.cta){max-width:1152px;padding:56px 16px;margin:auto}.section-title{text-align:center;margin-bottom:32px}h2{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 8px}h3{font-size:16px;line-height:1.5;margin:0 0 4px;font-weight:600}.section-title p{font-size:14px}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--surface)}.card p{font-size:14px;line-height:1.45}.card-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.featured-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-width:0;color:var(--ink);background:var(--surface);font-weight:400}.featured-card:hover{border-color:var(--primary);box-shadow:0 3px 12px #7c3aed0c}.featured-card strong{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:16px}.service-logo{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:8px;flex-shrink:0}.featured-card .service-logo{width:40px;height:40px;margin:0}.service-initial{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--pale);color:var(--primary);font-weight:700}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:12px;border-radius:5px;padding:3px 7px;background:var(--fill);color:var(--muted)}.tag-price{background:var(--pale);color:var(--primary)}.section-links{display:flex;justify-content:center;gap:20px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--pale);color:var(--primary);font-weight:600;margin-bottom:12px}.steps a{display:block;margin-top:8px}#pricing{background:var(--fill);max-width:none;padding-left:max(16px,calc((100% - 1120px)/2));padding-right:max(16px,calc((100% - 1120px)/2))}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.table-toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tabs{display:flex;gap:4px;background:var(--fill);border-radius:7px;padding:3px}.tabs button{background:none;color:var(--muted);padding:6px 14px;font-size:12px}.tabs button.active{background:var(--pale);color:var(--primary)}input,select{background:var(--surface);color:var(--ink);border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;min-width:0;max-width:100%}#search{width:330px}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--fill);color:var(--body);font-size:13px;font-weight:600}th,td{padding:12px 16px;border-top:1px solid var(--line)}td{font-size:14px}td:first-child{font-weight:400}td:not(:first-child),th:not(:first-child){text-align:right}td:nth-child(2){font-weight:600}td:nth-child(3){color:var(--primary)}td .service-name{display:flex;align-items:center}td .rent{font-size:12px;color:var(--primary);background:var(--pale);padding:6px 10px}.table-foot{font-size:12px;text-align:center;padding:12px;background:var(--fill);color:var(--muted)}#empty{text-align:center;padding:24px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}main>#faq{max-width:768px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:15px;font-weight:500}details p{margin-top:10px;font-size:14px}.cta{padding:56px 16px;text-align:center;background:var(--pale)}.cta p{color:var(--body)}.cta button{margin-top:24px;font-size:16px;padding:12px 24px}footer{border-top:1px solid var(--line);text-align:center;padding:24px 16px;color:var(--muted);font-size:13px}footer div{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:8px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:28px;width:480px;max-width:94vw;max-height:90vh}dialog::backdrop{background:#11182770;backdrop-filter:blur(2px)}dialog h2{margin:12px 0}dialog>p{font-size:13px}.close{float:right;background:none;color:var(--muted);padding:0;font-size:25px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--primary)}label{display:block;font-size:13px;margin:16px 0}label input,label select{display:block;width:100%;margin-top:6px}.total{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px}.total strong{color:var(--primary)}.notice{padding:12px;background:var(--pale);font-size:12px;margin:16px 0;border-radius:8px}#confirm{width:100%}#result{margin-top:12px;white-space:pre-wrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 22px;background:var(--ink);color:var(--surface);border-radius:8px;display:none;z-index:100}.detail-panel{border:1px solid var(--line);border-radius:10px;margin-top:24px;padding:24px}.detail-panel h3{overflow-wrap:anywhere}.detail-panel>p{margin:10px 0}.codes pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--pale);padding:16px;border-radius:8px;max-height:350px;overflow:auto}.codes small,#order-list small{color:var(--muted)}#order-list .table-wrap{overflow-x:auto}#order-list td{font-size:13px}#more-orders{margin-top:16px}#account-status{margin-bottom:16px}.dark{--primary:#a78bfa;--pale:#1d1830;--ink:#eeeaf5;--muted:#a8a2b8;--body:#c6c1d3;--line:#2b2638;--surface:#17141f;--fill:#1b1724;color-scheme:dark}
@media(min-width:1200px){.hero-inner{min-height:505px}}@media(max-width:1100px){nav{gap:12px}nav a,nav button{font-size:12px!important}.header-inner{gap:16px}.brand img{width:36px;height:36px}.actions{gap:8px}.language{display:none}}@media(max-width:767px){nav{display:none}.header-inner{gap:12px}h1{font-size:30px;letter-spacing:-.5px}.hero-inner{padding:56px 16px}.hero-description{font-size:16px}.hero-note,.trust{font-size:13px}.hero-actions button,.hero-actions a{font-size:14px;padding:10px 16px}main>section:not(.hero):not(.cta){padding-top:40px;padding-bottom:40px}h2{font-size:23px}.products,.benefits-grid{grid-template-columns:1fr}.featured-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card:last-child{grid-column:span 2}.section-links{font-size:13px;gap:12px}.table-toolbar{padding:12px;gap:8px}#search{width:50%}.table-scroll{overflow-x:auto}th,td{padding:10px 8px;font-size:12px}td:first-child{min-width:145px}td:nth-child(2),td:nth-child(3){white-space:nowrap}.rent{white-space:nowrap}#live-balance{font-size:11px}.detail-panel{padding:16px}.section-title{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}