:root{--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--c-cobalt: #2E5AA7;--c-amber: #FFA62B;--c-sky: #86C5FF;--c-butter: #F8E6A0;--bg-page: #F7FAFF;--bg-surface: #FFFFFF;--bg-subtle: #EEF5FF;--bg-elevated: #E3F0FF;--bg-glass: rgba(247, 250, 255, .88);--border: #D4E6FF;--border-strong: #86C5FF;--border-focus: #2E5AA7;--text-primary: #14274E;--text-heading: #2E5AA7;--text-secondary: #3E5888;--text-muted: #6C86B5;--primary: #2E5AA7;--primary-hover: #224685;--primary-soft: rgba(134, 197, 255, .24);--accent-amber: #FFA62B;--accent-amber-hover: #EB9318;--highlight-bg: #F8E6A0;--highlight-border: #F2D26B;--highlight-text: #6E4300;--periwinkle-bg: rgba(134, 197, 255, .24);--periwinkle-text: #2E5AA7;--success: #15803D;--success-bg: #DCFCE7;--warning: #B45309;--warning-bg: #F8E6A0;--danger: #B91C1C;--danger-bg: #FEE2E2;--radius-xl: 18px;--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--shadow-sm: 0 2px 8px rgba(46, 90, 167, .06);--shadow-card: 0 6px 20px -4px rgba(46, 90, 167, .09);--shadow-hover: 0 14px 30px -6px rgba(46, 90, 167, .17);--shadow-modal: 0 24px 54px -12px rgba(20, 39, 78, .28)}[data-theme=dark]{--bg-page: #0D172A;--bg-surface: #14223D;--bg-subtle: #1B2D50;--bg-elevated: #223863;--bg-glass: rgba(13, 23, 42, .88);--border: #253D6B;--border-strong: #2E5AA7;--border-focus: #86C5FF;--text-primary: #F5F9FF;--text-heading: #86C5FF;--text-secondary: #BDD8FF;--text-muted: #7FA3D9;--primary: #2E5AA7;--primary-hover: #3B6BC0;--primary-soft: rgba(134, 197, 255, .16);--accent-amber: #FFA62B;--accent-amber-hover: #FFB54C;--highlight-bg: #F8E6A0;--highlight-border: #FFA62B;--highlight-text: #14223D;--periwinkle-bg: rgba(134, 197, 255, .16);--periwinkle-text: #86C5FF;--success: #4ADE80;--success-bg: rgba(74, 222, 128, .14);--warning: #FFA62B;--warning-bg: rgba(255, 166, 43, .16);--danger: #F87171;--danger-bg: rgba(248, 113, 113, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-card: 0 8px 24px -4px rgba(0, 0, 0, .35);--shadow-hover: 0 16px 34px -6px rgba(0, 0, 0, .5);--shadow-modal: 0 24px 54px -12px rgba(0, 0, 0, .7)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-10px) scale(1.05)}}@keyframes pulseRing{0%{box-shadow:0 0 #ffa62b8c}70%{box-shadow:0 0 0 7px #ffa62b00}to{box-shadow:0 0 #ffa62b00}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--bg-page);color:var(--text-primary);line-height:1.52;font-size:14px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4,.brand-name,.hero-title,.card-title,.highlight-title,.faq-trigger{font-family:var(--font-heading)}button,input,select,.btn,.nav-tab,.cat-chip,.card-cta-btn,.price-main,.v-price,.hero-stat-val,.card-num-badge,.stock-pill,.badge-lime,.badge-periwinkle{font-family:var(--font-ui);font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}.container{max-width:1140px;margin:0 auto;padding:0 24px}.anim-fade-up{animation:fadeUp .45s cubic-bezier(.16,1,.3,1) both}.navbar{position:sticky;top:0;z-index:40;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}.brand{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#2e5aa7,#1f4280);color:#f8e6a0;border:1.5px solid #86C5FF;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:14px;box-shadow:0 4px 12px #2e5aa740;transition:transform .2s ease}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04)}.brand-name{font-weight:800;font-size:16px;color:var(--text-heading);letter-spacing:-.02em}.brand-sub{font-family:var(--font-ui);font-size:11.5px;color:var(--text-muted);display:block;line-height:1.1}.nav-tabs{display:flex;align-items:center;gap:4px;background:var(--bg-subtle);padding:4px;border-radius:11px;border:1px solid var(--border)}.nav-tab{background:transparent;border:none;color:var(--text-secondary);padding:7px 15px;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:#2e5aa7;color:#fff;font-weight:600;box-shadow:0 2px 8px #2e5aa740}.nav-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-primary{background:#2e5aa7;color:#fff;box-shadow:0 4px 12px #2e5aa73d}.btn-primary:hover{background:#224685;transform:translateY(-1px);box-shadow:0 6px 16px #2e5aa752}.btn-lime{background:#ffa62b;color:#14223d;border-color:#f8e6a0;font-weight:700;box-shadow:0 4px 14px #ffa62b59}.btn-lime:hover{background:#ffb449;transform:translateY(-1px);box-shadow:0 6px 18px #ffa62b73}.btn-secondary{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-icon{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);height:36px;padding:0 11px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .18s ease}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-subtle)}.btn-lg{padding:11px 20px;font-size:14px;border-radius:11px}.hero{position:relative;overflow:hidden;padding:36px 0 28px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#86c5ff38,#f7faff00)}[data-theme=dark] .hero{background:linear-gradient(180deg,#2e5aa747,#0d172a00)}.hero-orb-1{position:absolute;top:-60px;right:8%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(134,197,255,.45) 0%,transparent 70%);pointer-events:none;animation:floatOrb 9s ease-in-out infinite}.hero-orb-2{position:absolute;bottom:-50px;left:35%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(248,230,160,.6) 0%,transparent 70%);pointer-events:none;animation:floatOrb 11s ease-in-out infinite reverse}[data-theme=dark] .hero-orb-2{background:radial-gradient(circle,rgba(255,166,43,.16) 0%,transparent 70%)}.hero-banner-card{position:relative;background:linear-gradient(135deg,#2e5aa7,#1e3f7a);border:1px solid rgba(134,197,255,.45);color:#fff;border-radius:var(--radius-xl);padding:28px 32px;box-shadow:0 14px 34px -8px #2e5aa759;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.hero-copy{max-width:580px}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#f8e6a0;color:#14274e;font-size:12px;font-weight:700;margin-bottom:14px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ffa62b;animation:pulseRing 2s infinite}.hero-title{font-size:31px;font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#fff}.hero-title-highlight{color:#f8e6a0}.hero-desc{margin-top:10px;color:#ffffffe0;font-size:14.5px;line-height:1.58}.hero-stats-box{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:12px;background:#14274e59;border:1px solid rgba(134,197,255,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:16px 20px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-val{font-size:22px;font-weight:700;color:#ffa62b;letter-spacing:-.02em}.hero-stat-lbl{font-size:12px;color:#f8e6a0;font-weight:500}.highlights-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.highlight-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 15px;display:flex;align-items:flex-start;gap:11px;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease}.highlight-item:hover{transform:translateY(-2px);border-color:#86c5ff}.highlight-icon{width:34px;height:34px;border-radius:9px;background:#86c5ff42;color:#2e5aa7;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .highlight-icon{color:#86c5ff}.highlight-icon.lime{background:#f8e6a0;color:#945600;border:1px solid rgba(255,166,43,.4)}.highlight-title{font-size:13.5px;font-weight:700;color:var(--text-primary)}.highlight-desc{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.4}.flash-box{background:linear-gradient(135deg,#f8e6a080,#86c5ff3d);border:1.5px solid #FFA62B;border-radius:var(--radius-xl);padding:20px 22px;margin-bottom:26px}[data-theme=dark] .flash-box{background:linear-gradient(135deg,#2e5aa759,#ffa62b24)}.flash-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.badge-lime{display:inline-flex;align-items:center;gap:5px;background:#f8e6a0;color:#7a4600;border:1px solid #FFA62B;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}.badge-periwinkle{display:inline-flex;align-items:center;gap:5px;background:var(--periwinkle-bg);color:var(--periwinkle-text);font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}.flash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.flash-card{background:var(--bg-surface);border:1px solid #86C5FF;border-radius:var(--radius-lg);padding:15px 16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.flash-card:hover{transform:translateY(-3px);border-color:#ffa62b;box-shadow:var(--shadow-hover)}.section{padding:26px 0 48px}.toolbar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.category-list{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px}.cat-chip{background:var(--bg-subtle);border:1px solid transparent;color:var(--text-secondary);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease;display:inline-flex;align-items:center;gap:6px}.cat-chip:hover{color:var(--text-primary);border-color:#86c5ff}.cat-chip.active{background:#2e5aa7;color:#fff;box-shadow:0 2px 8px #2e5aa73d}.cat-count{font-size:11px;padding:1px 6px;border-radius:999px;background:#86c5ff52;color:inherit}.cat-chip.active .cat-count{background:#f8e6a0;color:#14274e;font-weight:700}.toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-box{position:relative;width:240px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input{width:100%;background:var(--bg-page);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.input-with-icon{padding-left:34px}.input:focus,.select:focus{border-color:#2e5aa7;box-shadow:0 0 0 3px #86c5ff59}.select{background:var(--bg-page);border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;outline:none;cursor:pointer}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:18px}.product-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;cursor:pointer;box-shadow:var(--shadow-card);transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .24s ease;animation:fadeUp .45s cubic-bezier(.16,1,.3,1) both}.product-card:hover{transform:translateY(-4px);border-color:#2e5aa7;box-shadow:var(--shadow-hover)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-num-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;background:#2e5aa7;color:#fff;font-size:12px;font-weight:700}.stock-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.stock-pill.in{background:var(--success-bg);color:var(--success)}.stock-pill.out{background:var(--bg-subtle);color:var(--text-muted)}.stock-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.card-title{font-size:18px;font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.card-desc{font-size:13px;color:var(--text-secondary);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-variants-box{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:7px}.card-variant-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}.card-variant-left{display:flex;align-items:center;gap:6px;min-width:0}.v-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.v-dot.ok{background:var(--success)}.v-dot.empty{background:var(--text-muted);opacity:.45}.v-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-tag{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0}.v-price{font-weight:700;color:var(--text-heading);white-space:nowrap}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.price-caption{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.price-main{font-size:18px;font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.card-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;background:#f8e6a0;border:1px solid #FFA62B;color:#14274e;font-size:12.5px;font-weight:700;transition:all .18s ease}.product-card:hover .card-cta-btn{background:#ffa62b;color:#14274e;box-shadow:0 4px 12px #ffa62b52}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14274e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-dialog{background:var(--bg-surface);border:1px solid #86C5FF;border-radius:20px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-modal);animation:modalIn .24s cubic-bezier(.16,1,.3,1) both}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.variant-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.variant-row{background:var(--bg-page);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:all .16s ease}.variant-row:hover{border-color:#86c5ff}.variant-row.selected{border-color:#2e5aa7;background:var(--periwinkle-bg)}.radio-circle{width:17px;height:17px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0}.variant-row.selected .radio-circle{border-color:#2e5aa7}.radio-dot{width:9px;height:9px;border-radius:50%;background:#ffa62b}.terms-box{margin-top:16px;padding:13px 15px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border);font-size:12.8px;color:var(--text-secondary)}.panel-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}.table-scroll{overflow-x:auto}.clean-table{width:100%;border-collapse:collapse;text-align:left}.clean-table th,.clean-table td{padding:13px 18px;border-bottom:1px solid var(--border);font-size:13.5px}.clean-table th{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-heading);background:var(--bg-subtle)}.clean-table tr:last-child td{border-bottom:none}.clean-table tbody tr{transition:background-color .14s ease}.clean-table tbody tr:hover{background:var(--bg-subtle)}.track-container{max-width:760px;margin:0 auto}.track-search-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-card)}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.step-item{padding:13px 14px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border)}.step-item.done{border-color:#86c5ff;background:var(--periwinkle-bg)}.step-item.active{border-color:#ffa62b;background:#f8e6a0;color:#14274e}.step-item.failed{border-color:#b91c1c4d;background:var(--danger-bg)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:36px}.guide-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease}.guide-card:hover{transform:translateY(-3px);border-color:#86c5ff}.guide-step-num{width:28px;height:28px;border-radius:8px;background:#f8e6a0;border:1px solid #FFA62B;color:#14274e;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.faq-container{max-width:760px}.faq-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.faq-trigger{width:100%;background:transparent;border:none;color:var(--text-heading);padding:16px 20px;font-size:14.5px;font-weight:700;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.faq-body{padding:0 20px 16px;color:var(--text-secondary);font-size:13.8px;line-height:1.6}.footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:28px 0;margin-top:40px;color:var(--text-muted);font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width: 900px){.highlights-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 780px){.navbar-inner{height:auto;padding:12px 0;flex-wrap:wrap}.nav-tabs{order:3;width:100%;overflow-x:auto}.nav-tab{flex:1;text-align:center}.hero-banner-card{padding:22px}.hero-stats-box,.search-box,.toolbar-controls{width:100%}.stepper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.highlights-strip,.stepper,.products-grid{grid-template-columns:1fr}}