:root{--color-primary:#06b6d4;--color-primary-600:#0891b2;--color-accent:#f43f5e;--color-accent-600:#e11d48;--color-sun:#f59e0b;--color-ink:#111827;--color-ink-soft:#374151;--color-muted:#6b7280;--color-bg:#fff;--color-bg-soft:#f9fafb;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 2px 12px rgba(17,24,39,.06);--shadow-md:0 10px 30px rgba(17,24,39,.08)}
.btn-primary{background:var(--color-primary);color:#fff;border:0;border-radius:20px;padding:14px 22px;font-weight:600;box-shadow:var(--shadow-sm);transition:.2s ease}
.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-soft{background:var(--color-bg-soft);color:var(--color-ink);border:1px solid #e5e7eb;border-radius:20px;padding:12px 18px;font-weight:600}
.alert-danger{background:#fee2e2;color:#b91c1c;border-radius:14px;padding:12px}
.navbar{padding:12px 0;border-bottom:1px solid #e5e7eb}
.container{max-width:960px;margin:0 auto;padding:0 20px}
.card{border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);padding:16px}
input{width:100%;height:48px;border:1px solid #e5e7eb;border-radius:16px;padding:0 12px;margin:8px 0}
.hero{padding:64px 0}
.price{margin-top:8px;color:var(--color-muted)}