:root{--md-sys-color-primary:#00639b;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#cde5ff;--md-sys-color-on-primary-container:#001d32;--md-sys-color-secondary:#51606f;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d5e4f2;--md-sys-color-on-secondary-container:#0e1d2a;--md-sys-color-tertiary:#65587b;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ebddff;--md-sys-color-on-tertiary-container:#201634;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#fff;--md-sys-color-surface-dim:#e9eef2;--md-sys-color-surface-bright:#f8f9fa;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f3f5f7;--md-sys-color-surface-container:#eceef0;--md-sys-color-surface-container-high:#e5e8ea;--md-sys-color-surface-container-highest:#dfe3e5;--md-sys-color-on-surface:#191c1e;--md-sys-color-on-surface-variant:#41474d;--md-sys-color-outline:#72787e;--md-sys-color-outline-variant:#c1c7ce;--md-sys-color-inverse-surface:#2e3133;--md-sys-color-inverse-on-surface:#f0f1f3;--md-sys-color-inverse-primary:#96ccff;--md-sys-color-success:#00875a;--md-sys-color-success-container:#d4f7dc;--md-sys-color-on-success-container:#002111;--md-sys-shape-corner-xs:4px;--md-sys-shape-corner-s:8px;--md-sys-shape-corner-m:12px;--md-sys-shape-corner-l:16px;--md-sys-shape-corner-xl:28px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-1:0 1px 3px #00000014, 0 1px 2px #0000000a;--md-sys-elevation-2:0 2px 6px #00000014, 0 1px 2px #0000000a;--md-sys-elevation-3:0 4px 12px #0000001a, 0 2px 4px #0000000d;--md-sys-elevation-4:0 8px 24px #0000001f, 0 3px 6px #0000000f;--md-sys-typescale-font:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--md-sys-typescale-font);background-color:var(--md-sys-color-surface-dim);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;line-height:1.45;overflow-x:hidden}#root{background-color:var(--md-sys-color-surface-dim);justify-content:center;width:100%;min-height:100vh;display:flex}.mobile-frame{background-color:var(--md-sys-color-surface);border-left:1px solid var(--md-sys-color-outline-variant);border-right:1px solid var(--md-sys-color-outline-variant);flex-direction:column;width:100%;max-width:440px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 32px #00142814}@media (width<=500px){#root{background-color:var(--md-sys-color-surface)}.mobile-frame{max-width:100%;box-shadow:none;border-left:none;border-right:none}}.mobile-content{flex-direction:column;flex:1;padding-bottom:96px;display:flex}.m3-top-app-bar{z-index:40;background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-surface-container);justify-content:space-between;align-items:center;height:64px;padding:0 16px;transition:background-color .2s,box-shadow .2s;display:flex;position:sticky;top:0}.m3-top-app-bar.scrolled{background-color:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-1)}.m3-app-bar-leading{align-items:center;gap:12px;display:flex}.m3-brand-title{letter-spacing:-.01em;color:var(--md-sys-color-on-surface);cursor:pointer;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.m3-brand-logo-pill{background-color:var(--md-sys-color-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.m3-icon-button{border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.m3-icon-button:hover{background-color:var(--md-sys-color-surface-container-high)}.m3-icon-button:active{background-color:var(--md-sys-color-surface-container-highest)}.m3-nav-bar{-webkit-backdrop-filter:blur(20px);border-radius:var(--md-sys-shape-corner-full);z-index:50;background-color:#fffffff0;border:1px solid #00639b29;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:408px;height:64px;padding:0 6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #001d3229,0 2px 8px #001d3214}@media (width<=500px){.m3-nav-bar{width:calc(100% - 24px);bottom:12px}}.m3-nav-item{color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-radius:var(--md-sys-shape-corner-full);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.m3-nav-pill{border-radius:var(--md-sys-shape-corner-full);justify-content:center;align-items:center;width:48px;height:28px;transition:background-color .2s,width .2s;display:flex}.m3-nav-item.active{color:var(--md-sys-color-primary);font-weight:700}.m3-nav-item.active .m3-nav-pill{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.m3-search-bar{background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);align-items:center;gap:12px;height:48px;margin:12px 16px;padding:0 16px;transition:background-color .15s,box-shadow .15s;display:flex}.m3-search-bar:focus-within{background-color:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-1)}.m3-search-input{color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.m3-search-input::placeholder{color:var(--md-sys-color-outline)}.m3-chip-scroll{scrollbar-width:none;align-items:center;gap:8px;padding:4px 16px 12px;display:flex;overflow-x:auto}.m3-chip-scroll::-webkit-scrollbar{display:none}.m3-chip{border-radius:var(--md-sys-shape-corner-s);border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface);height:34px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.m3-chip:hover{background-color:var(--md-sys-color-surface-container-low)}.m3-chip.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:#0000;font-weight:600}.m3-card{border-radius:var(--md-sys-shape-corner-l);background-color:var(--md-sys-color-surface);transition:transform .15s,box-shadow .15s;overflow:hidden}.m3-card-elevated{background-color:var(--md-sys-color-surface-container-lowest);box-shadow:var(--md-sys-elevation-1);border:1px solid var(--md-sys-color-surface-container)}.m3-card-elevated:hover{box-shadow:var(--md-sys-elevation-2)}.m3-card-outlined{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}.m3-card-filled{background-color:var(--md-sys-color-surface-container-low);border:1px solid #0000}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 16px 20px;display:grid}.product-card{border-radius:var(--md-sys-shape-corner-m);border:1px solid var(--md-sys-color-surface-container-high);background-color:var(--md-sys-color-surface);cursor:pointer;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--md-sys-color-outline);box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px)}.product-card-img-wrap{aspect-ratio:16/10;background-color:var(--md-sys-color-surface-container);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%}.product-badge-strip{gap:4px;display:flex;position:absolute;top:6px;left:6px}.m3-badge{border-radius:var(--md-sys-shape-corner-xs);letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#191c1ed9;align-items:center;padding:2px 6px;font-size:.625rem;font-weight:700;display:inline-flex}.m3-badge.primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.m3-badge.postpaid{background-color:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.product-card-body{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex}.product-provider{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;font-size:.6875rem;font-weight:500}.product-title{color:var(--md-sys-color-on-surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.product-price-label{color:var(--md-sys-color-on-surface-variant);margin-top:auto;padding-top:6px;font-size:.75rem}.product-price{color:var(--md-sys-color-primary);font-size:.9375rem;font-weight:700}.m3-btn{border-radius:var(--md-sys-shape-corner-full);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s,box-shadow .15s;display:inline-flex}.m3-btn:disabled{opacity:.5;cursor:not-allowed}.m3-btn-filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.m3-btn-filled:hover:not(:disabled){box-shadow:var(--md-sys-elevation-1);background-color:#005687}.m3-btn-tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-btn-tonal:hover:not(:disabled){background-color:#c7d8e8}.m3-btn-outlined{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);background:0 0}.m3-btn-outlined:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-low)}.m3-btn-text{color:var(--md-sys-color-primary);background:0 0;padding:0 12px}.m3-btn-text:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-low)}.m3-textfield{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.m3-textfield-label{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:600}.m3-textfield-input-wrap{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-s);background-color:var(--md-sys-color-surface);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.m3-textfield-input-wrap:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.m3-textfield-input-wrap.error{border-color:var(--md-sys-color-error)}.m3-textfield-input{height:46px;color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:.9375rem}.m3-textfield-helper{color:var(--md-sys-color-on-surface-variant);font-size:.6875rem}.m3-textfield-helper.error{color:var(--md-sys-color-error)}.m3-banner-container{padding:8px 16px 12px}.m3-banner-slide{border-radius:var(--md-sys-shape-corner-l);aspect-ratio:16/7;background-color:var(--md-sys-color-surface-container-high);position:relative;overflow:hidden}.m3-banner-slide img{object-fit:cover;width:100%;height:100%}.m3-banner-overlay{color:#fff;background:linear-gradient(#0000 40%,#000000bf 100%);flex-direction:column;justify-content:flex-end;padding:12px 16px;display:flex;position:absolute;inset:0}.m3-banner-title{font-size:.9375rem;font-weight:700;line-height:1.2}.m3-banner-sub{opacity:.85;font-size:.75rem}.m3-bottom-action-bar{-webkit-backdrop-filter:blur(20px);border-radius:var(--md-sys-shape-corner-l);z-index:50;box-sizing:border-box;background-color:#fffffff2;border:1px solid #00639b29;justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 32px);max-width:408px;padding:10px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #001d3229,0 2px 8px #001d3214}@media (width<=500px){.m3-bottom-action-bar{width:calc(100% - 24px);bottom:12px}}.m3-action-price-label{color:var(--md-sys-color-on-surface-variant);font-size:.6875rem}.m3-action-price-val{color:var(--md-sys-color-primary);font-size:1.125rem;font-weight:700}.m3-alert{border-radius:var(--md-sys-shape-corner-m);align-items:flex-start;gap:10px;margin:10px 16px;padding:12px 14px;font-size:.8125rem;line-height:1.35;display:flex}.m3-alert-error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.m3-alert-success{background-color:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.m3-alert-info{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-spinner{border:3px solid var(--md-sys-color-surface-container-high);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite m3-spin}@keyframes m3-spin{to{transform:rotate(360deg)}}.m3-section-title{color:var(--md-sys-color-on-surface);justify-content:space-between;align-items:center;padding:12px 16px 6px;font-size:.9375rem;font-weight:700;display:flex}