:root{--color-primary:#d4af37;--color-primary-light:#f4d674;--color-primary-dark:#b8962e;--color-bg-primary:#0f0f1a;--color-bg-secondary:#1a1a2e;--color-bg-card:#16213e;--color-bg-card-hover:#1f2b4d;--color-text-primary:#fff;--color-text-secondary:#a0a0b0;--color-text-muted:#6c6c7c;--color-border:#2a2a3e;--color-border-light:#3a3a4e;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-gold:0 4px 20px rgba(212,175,55,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}@media(min-width:768px){.container{padding:0 24px}}@media(min-width:1024px){.container{padding:0 32px}}.section{padding:48px 0}@media(min-width:768px){.section{padding:64px 0}}.section-title{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:24px}.section-subtitle{background:#d4af371a;border-radius:12px;color:var(--color-text-muted);font-size:.75rem;font-weight:500;margin-left:auto;padding:4px 10px}@media(min-width:768px){.section-title{font-size:1.75rem;margin-bottom:32px}}.section-title:before{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light));border-radius:2px;content:"";height:24px;width:4px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:20px;transition:all var(--transition-normal)}@media(min-width:768px){.card{padding:24px}}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.gold-gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gold-border{border:1px solid var(--color-primary)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.price-value{color:var(--color-primary);font-size:1.5rem;font-weight:700}@media(min-width:768px){.price-value{font-size:1.75rem}}.badge{background:#d4af371a;border:1px solid rgba(212,175,55,.2);border-radius:20px;color:var(--color-primary);display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.loading-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-card-hover) 50%,var(--color-bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}@media(max-width:767px){html{font-size:14px}.section{padding:32px 0}.section-title{font-size:1.25rem;margin-bottom:16px}.card{padding:16px}.gap-4{gap:12px}.price-value{font-size:1.25rem}}@media(hover:none)and (pointer:coarse){.card:hover{box-shadow:var(--shadow-sm);transform:none}.card:active{transform:scale(.98);transition:transform .1s ease}}@supports (padding:env(safe-area-inset-bottom)){.content{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}