:root { color-scheme: light; }
* { box-sizing: border-box; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.nav-link { border-radius: 999px; padding: .55rem .85rem; color: #3f3f46; transition: .2s ease; }
.nav-link:hover { background: #fff3ed; color: #ff4b0b; }
.pill { white-space: nowrap; border-radius: 999px; background: #fafafa; border: 1px solid #eee; padding: .55rem 1rem; color: #3f3f46; transition: .2s ease; }
.pill:hover { background: #fff3ed; border-color: #fed7aa; color: #c2410c; }
.premium-card { border: 1px solid #e7e5e4; border-radius: 1.35rem; background: #fff; box-shadow: 0 20px 70px rgba(2, 6, 23, .08); }
.btn-primary { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #050505; color: #fff; padding: .85rem 1.25rem; font-weight: 800; transition: .2s ease; }
.btn-primary:hover { transform: translateY(-1px); background: #ff4b0b; box-shadow: 0 18px 50px rgba(255, 75, 11, .22); }
.btn-primary:disabled { cursor: wait; opacity: .75; }
.btn-outline { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid #d6d3d1; background: #fff; color: #050505; padding: .8rem 1.15rem; font-weight: 800; transition: .2s ease; }
.btn-outline:hover { border-color: #ff4b0b; color: #ff4b0b; }
.form-input { width: 100%; border-radius: 1rem; border: 1px solid #d6d3d1; padding: .85rem 1rem; outline: none; transition: .2s ease; background: #fff; }
.form-input:focus { border-color: #ff4b0b; box-shadow: 0 0 0 4px #ffedd5; }
.footer-link { display: block; margin-top: .65rem; color: #d4d4d8; font-size: .925rem; }
.footer-link:hover { color: #ff8a4c; }
.product-card { overflow: hidden; border-radius: 1.35rem; border: 1px solid #e7e5e4; background: #fff; transition: .22s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 24px 80px rgba(2, 6, 23, .12); border-color: #fed7aa; }
.product-image { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; background: linear-gradient(135deg, #fafafa, #fff7ed); }
.toast { position: fixed; right: 1rem; bottom: 1rem; z-index: 80; max-width: 22rem; border-radius: 1rem; padding: .9rem 1rem; color: #fff; background: #050505; box-shadow: 0 24px 80px rgba(2, 6, 23, .18); }
.toast.error { background: #b91c1c; }
.brand-gradient { background: radial-gradient(circle at 10% 20%, rgba(255, 75, 11, .20), transparent 30%), linear-gradient(135deg, #050505, #18181b 58%, #ff4b0b); }
@media (max-width: 768px) {
    .premium-card { border-radius: 1rem; }
}