:root{--red:#ad1210;--red2:#8f0809;--gold:#c09242;--gold2:#edd6a9;--ink:#312314;--muted:#796c5e;--soft:#f5f2eb;--cream:#fff8e9;--border:#e8d5b6;--shadow:0 12px 32px rgba(76,47,8,.07);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd772e;outline-offset:2px}h1,h2,h3,p{margin-top:0}.shell{width:min(1280px,calc(100% - 36px));margin:auto}.topline{background:#38200c;color:#fff2d8;font-size:12px}.top-inner{display:flex;justify-content:space-between;padding:9px 0;gap:12px}.top-right{opacity:.85}.head{background:#fff;box-shadow:0 1px 1px #e8dfd3}.head-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;min-height:136px;gap:18px}.head-small{justify-self:start;font-weight:700;color:#8b5310}.head-action{padding:10px 15px;border:1px solid var(--border);border-radius:30px;background:#fff9ed}.head-action.watch{justify-self:end}.head-action b{background:#be982b;color:white;padding:2px 9px;border-radius:22px;margin-left:7px}.logo{text-align:center;display:grid;justify-items:center;gap:3px}.logo-mark{width:48px;height:48px;background:linear-gradient(145deg,#f5d67b,#a47419);border:2px solid #79530b;border-radius:50%;display:grid;place-items:center;color:#4a2b02;font-size:30px;box-shadow:inset 0 0 0 5px #fff1b2}.logo-type{font-family:Georgia,serif;font-size:31px;font-weight:900;letter-spacing:1px;color:#3c260d}.logo-type span{color:#af1111}.logo small{font-style:italic;color:#986522;font-size:13px}.hero-search{display:flex;width:min(590px,calc(100% - 36px));margin:0 auto;padding-bottom:16px}.hero-search input{width:100%;border:1px solid #d4b374;border-radius:28px 0 0 28px;padding:13px 18px;background:#fffdfa;min-width:0}.hero-search button{background:var(--red);border:0;color:#fff;font-weight:800;white-space:nowrap;padding:0 22px;border-radius:0 28px 28px 0}.navbar{background:#fff8e8;border-top:1px solid #eed5ab;border-bottom:2px solid #e2b56a;position:sticky;top:0;z-index:12}.nav-in{display:flex;align-items:center;justify-content:center}.navlinks{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.navlinks a{padding:16px 15px;font-weight:800;font-size:13px;color:#8d130b}.navlinks a:hover{background:#f7e6c9}.mobile-nav-btn{display:none}.subbanner{background:#fff6e4;border-bottom:1px solid #e6bb78}.banner-in{display:flex;align-items:center;gap:15px;padding:13px 0}.banner-in .seal{font-size:30px;color:#9f160c}.banner-in strong{display:block;color:#8d1609}.banner-in small{display:block;color:#887057;margin-top:2px}.banner-in .btn{margin-left:auto}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;padding:12px 20px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-red{background:var(--red);color:white}.btn-red:hover{background:var(--red2)}.btn-brown{background:#8d5017;color:white}.btn-outline{background:white;border-color:#d8ae6a;color:#825011}.btn.huge{padding:16px 30px;font-size:16px}.hero-section{background:linear-gradient(180deg,#faf8f4,#fff);padding:40px 0 48px}.hero-panel{position:relative;overflow:hidden;border-radius:22px;border:1px solid #dfbc74;box-shadow:var(--shadow);background:radial-gradient(ellipse at 7% 15%,#fff6c8,transparent 30%),radial-gradient(ellipse at 90% 88%,#dfc78a,transparent 34%),linear-gradient(140deg,#fff6dd,#ecd5a0 55%,#f7e9c7);padding:34px 45px 28px;text-align:center}.hero-panel:before,.hero-panel:after{content:'❀';position:absolute;font-size:148px;color:#ba9044;opacity:.11;pointer-events:none}.hero-panel:before{left:-18px;top:-25px}.hero-panel:after{right:10px;bottom:-62px}.section-label,.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:900;color:#9c681e;display:block}.section-label{display:inline-block;background:#fff8e6;border-radius:28px;padding:8px 15px;border:1px solid #e2c18c}.hero-panel h1{font-family:Georgia,serif;font-size:clamp(27px,3.2vw,43px);line-height:1.22;color:#5f3714;margin:17px 0 9px}.hero-panel h1 span{color:#99200b}.panel-desc{font-size:14px;color:#77552d;margin:0 auto 20px;max-width:770px}.main-form{position:relative;margin:auto;max-width:920px;text-align:left;display:grid;gap:8px}.main-form label,.field label{font-size:14px;font-weight:800;margin:5px 0 4px;display:block}.main-form input,.main-form select,.field input,.field select,.inline-form input{background:#fff;border:1px solid #dfc9a4;padding:13px 14px;border-radius:9px;min-width:0;width:100%;color:#342719}.main-form>input{font-size:16px;font-weight:650}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{margin:5px 0;border-top:1px dashed #caa770;padding-top:8px}.optional summary{font-weight:700;color:#83521f;cursor:pointer}.optional input{margin-top:9px}.main-form>.btn{justify-self:center;margin:12px 0 0;min-width:290px}.helper{text-align:center;color:#795b35;font-size:12px;margin:2px 0}.err{color:#9f0805;margin:0;min-height:17px;font-weight:700;text-align:center}.section{padding:62px 0}.section.soft{background:#f7f5f0}.section.cream{background:#fff7e9}.heading-left h2,.center-title h2,.year-box h2{font-family:Georgia,serif;font-size:clamp(25px,2.5vw,36px);margin:10px 0 8px;color:#3e250e}.heading-left p,.center-title p{color:#796b5a;line-height:1.65;max-width:850px}.center-title{text-align:center;margin-bottom:34px}.center-title p{margin-left:auto;margin-right:auto}.search-panel{background:#fff;border:1px solid var(--border);padding:24px;border-radius:20px;box-shadow:var(--shadow);margin:22px 0 28px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.field-wide{grid-column:span 2}.field label{margin:0 0 7px}.filter-grid input,.filter-grid select{font-size:14px}.filter-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.result-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:12px}.result-bar h3{margin:4px 0 0;font-family:Georgia,serif;font-size:25px}.stock-count{color:#9d610d;font-family:inherit;font-size:17px}.search-status{color:#8d745a;font-size:13px}.sim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:160px}.sim-card{border:1px solid #e1cb9f;border-radius:14px;background:#fff;box-shadow:0 4px 13px #69502314;overflow:hidden;display:flex;flex-direction:column}.sim-head{padding:17px 16px 13px;background:linear-gradient(110deg,#fff1cb,#edc57e);display:grid;grid-template-columns:1fr auto;gap:7px}.sim-head .brand{font-size:12px;font-weight:800;color:#7a4d16}.sim-number{font-size:clamp(19px,1.8vw,25px);font-weight:900;letter-spacing:.01em;color:#126398;grid-column:1/2;font-variant-numeric:tabular-nums}.sim-money{font-weight:900;color:#166e30;grid-column:1/2}.element-chip{grid-row:1/4;grid-column:2/3;justify-self:end;align-self:center;background:white;border-radius:10px;padding:9px;text-align:center;color:#98471b;font-size:12px;font-weight:900;min-width:68px}.sim-body{display:grid;gap:10px;padding:15px 17px;flex:1;text-align:center}.sim-hex{color:#a20d08;font-weight:900;font-size:13px;min-height:33px}.sim-caption{font-size:13px;line-height:1.5;color:#6c5b45}.sim-meta{font-size:12px;color:#5d554a}.sim-actions{display:flex;gap:8px;padding:12px}.sim-actions button{border:1px solid #d7b47b;border-radius:9px;padding:10px 6px;font-weight:850;background:#fff8e6;color:#a32112;flex:1;font-size:12px}.sim-actions button:last-child{background:#ae1410;color:#fff;border-color:#ae1410}.sim-actions button:disabled{opacity:.45}.more-wrap{text-align:center;margin-top:20px}.empty-state{grid-column:1/-1;text-align:center;padding:58px 18px;border:1px dashed #dab77b;border-radius:15px;background:#fff9ee;color:#795d39}.empty-state .ico{font-size:41px}.empty-state strong{display:block;color:#4e2c11;margin:14px 0}.empty-state p{margin:auto;max-width:580px;line-height:1.6}.year-box{border:1px solid #edce8b;border-radius:20px;background:radial-gradient(circle at 95% 10%,#f7e5b8 1%,transparent 24%),linear-gradient(135deg,#fffaf0,#fff2d6);padding:32px}.year-head{display:flex;justify-content:space-between;gap:25px}.year-head p{color:#786346;max-width:650px;line-height:1.6}.year-head form{min-width:265px;background:#fff;border:1px solid #edddc7;padding:16px;border-radius:13px;align-self:center}.year-head label{display:block;font-weight:800;margin-bottom:9px}.inline-form{display:flex;gap:7px}.inline-form .btn{padding:10px 16px}.year-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:22px}.year-list button{border:1px solid #efd0a0;background:#fff;border-radius:12px;padding:13px 6px;color:#683d0e;font-weight:800}.year-list small{font-weight:500;display:block;margin-top:6px;color:#a86f18}.element-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.element-card{border:1px solid #e7d2b0;background:#fff;border-radius:17px;min-height:165px;padding:20px;text-align:left;display:grid;grid-template-columns:56px 1fr;grid-template-rows:38px auto auto;column-gap:18px;box-shadow:var(--shadow)}.element-ico{grid-row:1/4;align-self:start;width:54px;height:54px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:27px;font-weight:900}.kim .element-ico{background:#bc902d}.moc .element-ico{background:#2c8d4e}.thuy .element-ico{background:#1879b7}.hoa .element-ico{background:#bc3727}.tho .element-ico{background:#96702c}.element-card strong{font-size:17px}.element-card small{color:#7e6b56;line-height:1.6}.element-card b{color:#a66309;font-size:13px;margin-top:10px}.carrier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.carrier-grid button{background:white;border:1px solid #ecd3ae;border-radius:18px;padding:23px 9px;display:grid;gap:15px;justify-items:center;box-shadow:var(--shadow)}.carrier-grid b{font-weight:900;font-size:19px;min-height:44px;display:grid;place-items:center}.carrier-grid strong{font-size:14px}.carrier-grid span{color:#a46408;font-size:12px;font-weight:800}.viettel{color:#e31d3e}.mobifone{color:#2477aa}.vinaphone{color:#147dc8}.vietnamobile{color:#e66808}.gmobile{color:#af9820}.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.purpose-grid article{padding:24px;border:1px solid #ecd8b3;background:#fff;border-radius:17px;box-shadow:var(--shadow)}.purpose-grid span{display:grid;place-items:center;width:52px;height:52px;background:#fff3c8;color:#ad6c07;border-radius:14px;font-size:27px}.purpose-grid h3{margin:15px 0 8px;font-size:18px}.purpose-grid p{color:#706657;line-height:1.6;min-height:56px}.purpose-grid button{border:0;border-radius:20px;background:#fff0c2;color:#915509;padding:10px 14px;font-weight:850}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-grid button{border:1px solid #e5cda8;padding:25px;background:#fff;border-radius:14px;display:grid;text-align:left;gap:10px}.tool-grid span{font-size:36px;color:#ae6a13}.tool-grid strong{font-size:16px}.tool-grid small{color:var(--muted);line-height:1.55}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefits article{border:1px solid #e9d1a6;border-radius:14px;padding:22px;background:#fff}.benefits b{display:block;color:#e1c79f;font-size:32px}.benefits strong{display:block;font-size:16px;margin-bottom:8px}.benefits p{color:#78685c;font-size:13px;line-height:1.6}.note{border:1px dashed #e0b77a;background:#fff7e7;color:#6c543a;padding:18px 22px;border-radius:14px;line-height:1.65;margin-top:20px;font-size:13px}.footer{background:#332211;color:#f3e3c9;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:34px}.footer-logo{font-family:Georgia,serif;font-size:24px;font-weight:900}.footer p{color:#d2bfa4;max-width:450px;line-height:1.6}.footer h3{font-size:16px}.footer a{display:block;margin-bottom:10px;color:#dfcfbb}.foot-bottom{border-top:1px solid #65513b;margin-top:25px;padding-top:20px;font-size:12px;color:#c5a987}.overlay{position:fixed;inset:0;background:#1a110acb;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.overlay[hidden]{display:none!important}.modal{width:min(780px,100%);max-height:90vh;overflow:auto;background:#fffcf7;border-radius:20px;box-shadow:0 24px 60px #0008}.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff0d5;padding:15px 21px;border-bottom:1px solid #eac68c;position:sticky;top:0}.modal-bar h2{font-size:21px;margin:0}.modal-bar button{background:transparent;border:0;font-size:35px}.modal-body{padding:22px;line-height:1.65}.modal-body h3{color:#812b13;margin:20px 0 6px}.modal-body table{width:100%;border-collapse:collapse;margin:10px 0}.modal-body td,.modal-body th{padding:9px;border-bottom:1px solid #e5d6bd;text-align:left}.modal-body .warn{padding:14px;border:1px solid #eec58b;background:#fff5df;color:#82500b;border-radius:10px}.bottom-dock{position:fixed;right:17px;bottom:17px;display:flex;gap:7px;z-index:18}.bottom-dock button{background:#981c13;border:1px solid #e8b269;color:#fff;border-radius:30px;padding:11px 16px;font-weight:800;box-shadow:0 5px 18px #3720084d}.bottom-dock span{margin-left:5px;background:#fff3cc;color:#89380d;padding:2px 6px;border-radius:12px}.compare-table{min-width:540px;display:block;overflow-x:auto}.compare-table th{background:#fff0d9}.invisible{display:none!important}@media(max-width:1050px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.year-list{grid-template-columns:repeat(4,1fr)}.sim-grid{grid-template-columns:repeat(2,1fr)}.carrier-grid{grid-template-columns:repeat(3,1fr)}.tool-grid,.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{width:min(100% - 28px,1280px)}.top-right,.head-small{display:none}.head-grid{display:flex;justify-content:center;min-height:118px}.logo-type{font-size:24px}.logo-mark{width:36px;height:36px;font-size:22px}.logo small{font-size:11px}.hero-search{padding-bottom:13px}.hero-search button{padding:0 12px;font-size:13px}.nav-in{justify-content:flex-start;display:block}.mobile-nav-btn{display:block;border:0;background:transparent;padding:13px 0;font-weight:900;color:#8d1510}.navlinks{display:none;align-items:stretch;flex-direction:column;gap:0}.navlinks.open{display:flex}.navlinks a{padding:11px 12px}.banner-in small{display:none}.banner-in .btn{display:none}.hero-section{padding:20px 0}.hero-panel{padding:25px 18px 20px}.hero-panel h1{font-size:26px}.form-row{grid-template-columns:1fr}.main-form>.btn{width:100%;min-width:0}.section{padding:40px 0}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:span 2}.search-panel{padding:15px}.filter-actions{flex-wrap:wrap}.filter-actions .btn{flex:1}.result-bar{display:block}.search-status{display:block;margin-top:12px}.sim-grid{grid-template-columns:1fr}.year-head{display:block}.year-head form{min-width:0}.year-list{grid-template-columns:repeat(3,1fr)}.element-grid,.purpose-grid{grid-template-columns:1fr}.carrier-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.benefits{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.bottom-dock{right:6px;bottom:7px}.bottom-dock button{font-size:12px;padding:10px}.modal-body{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}