:root{--color-navy:#0d1b2a;--color-navy-light:#1b2a4a;--color-navy-mid:#243b5e;--color-navy-soft:#2e4a6e;--color-khaki:#c2a878;--color-khaki-dark:#a8905e;--color-khaki-light:#d4c4a0;--color-khaki-pale:#e8dcc8;--color-khaki-bg:#f0ebe0;--color-white:#fff;--color-off-white:#f7f5f2;--color-bg:var(--color-off-white);--color-bg-white:var(--color-white);--color-bg-card:var(--color-white);--color-bg-light:#f2efe9;--color-bg-dark:var(--color-navy);--color-text:#1a1a2e;--color-text-secondary:#5a5a6e;--color-text-muted:#8a8a9a;--color-text-link:var(--color-navy-light);--color-text-link-hover:var(--color-khaki-dark);--color-text-inverse:var(--color-white);--color-text-price:var(--color-navy);--color-text-deal:#b44030;--color-border:#d9d4cc;--color-border-light:#e8e3db;--color-border-focus:var(--color-khaki);--color-star:var(--color-khaki-dark);--color-success:#4a7c59;--color-info:var(--color-navy-mid);--color-cta:var(--color-khaki);--color-cta-hover:var(--color-khaki-dark);--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--max-width:1440px;--content-padding:16px;--header-height:60px;--nav-height:40px;--total-header:calc(var(--header-height) + var(--nav-height));--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:20px;--shadow-sm:0 1px 3px #0d1b2a0f;--shadow-md:0 2px 8px #0d1b2a14;--shadow-lg:0 4px 16px #0d1b2a1a;--shadow-card:0 2px 5px #0d1b2a14;--shadow-hover:0 6px 20px #0d1b2a1f;--transition-fast:.15s ease;--transition-base:.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-bg);font-weight:400;line-height:1.5}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-link-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ol,ul{list-style:none}::selection{background-color:var(--color-khaki);color:var(--color-white)}.container{width:100%;max-width:var(--max-width);padding:0 var(--content-padding);margin:0 auto}.btn{font-family:var(--font-main);border-radius:var(--radius-pill);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-khaki);border-color:var(--color-khaki-dark);color:var(--color-white);font-weight:600}.btn-primary:hover{background-color:var(--color-khaki-dark);text-decoration:none}.btn-cta{background-color:var(--color-khaki);border-radius:var(--radius-pill);padding:10px 24px;font-weight:600}.btn-cta,.btn-cta:hover{color:var(--color-white)}.btn-cta:hover{background-color:var(--color-khaki-dark);text-decoration:none}.btn-secondary{background-color:var(--color-bg-white);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg-light);text-decoration:none}.btn-dark{background-color:var(--color-navy);border-radius:var(--radius-pill);padding:10px 24px;font-weight:600}.btn-dark,.btn-dark:hover{color:var(--color-text-inverse)}.btn-dark:hover{background-color:var(--color-navy-light);text-decoration:none}.btn-outline-khaki{border:1px solid var(--color-khaki);color:var(--color-khaki-dark);background-color:#0000}.btn-outline-khaki:hover{background-color:var(--color-khaki);color:var(--color-white);text-decoration:none}.btn-lg{padding:12px 32px;font-size:15px}.card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-hover)}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter-from,.page-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-off-white)}::-webkit-scrollbar-thumb{background:var(--color-khaki-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-khaki)}@media (width>=768px){html{font-size:14px}:root{--content-padding:20px}}@media (width>=1200px){:root{--content-padding:24px}}