@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;500;700&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#8b4513;--color-secondary:wheat;--color-accent:#d2691e;--color-background:beige;--color-surface:#fdfaf6;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-light:#f5f1eb;--color-success:#2d5a27;--color-jade:#4a9b8e;--color-teal:#1e3a3a;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 20px #0000001a;--shadow-xl:0 20px 40px #00000026}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;touch-action:manipulation}body{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-accent);text-decoration:none;transition:all .2s}a:hover{color:var(--color-primary);text-decoration:underline}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}.btn-secondary{background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff;text-decoration:none}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-primary);text-decoration:none}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff;text-decoration:none}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-bordered{border-left:4px solid var(--color-jade)}.card-elevated{box-shadow:var(--shadow-md)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:var(--space-md) 0;background:#fdfaf6f2;border-bottom:1px solid #8b45131a;position:sticky;top:0}.nav-link{color:var(--color-teal);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:500;transition:background-color .2s}.nav-link:hover{background:#4a9b8e1a;text-decoration:none}.nav-link.active{color:var(--color-primary);background:#8b45131a}.hero{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-secondary) 50%, #4a9b8e0d 100%);text-align:center;padding:clamp(3rem,8vh,6rem) 0}.hero-title{color:var(--color-primary);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-lg);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.section{padding:var(--space-2xl) 0}.section-title{text-align:center;margin-bottom:var(--space-xl)}.container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.article-title{color:var(--color-primary);margin-bottom:var(--space-md);font-size:2rem}.article-content{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8}.article-content p{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.article-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.article-content ul,.article-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-lg)}.article-content li{margin-bottom:var(--space-sm)}.breadcrumb{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:.875rem;display:flex}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-secondary)}.tag{background:var(--color-primary);color:#fff;border-radius:var(--radius-xl);padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.tag-outline{border:1px solid var(--color-primary);color:var(--color-primary);background:0 0}.form-input{border-radius:var(--radius-md);background:#fff;border:1px solid #8b45134d;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--color-jade);outline:none;box-shadow:0 0 0 3px #4a9b8e1a}.form-label{margin-bottom:var(--space-sm);color:var(--color-primary);font-weight:500;display:block}.pricing-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-md);transition:all .3s}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.pricing-card.featured{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05)translateY(-8px)}.pricing-price{color:var(--color-accent);margin:var(--space-md) 0;font-size:3rem;font-weight:700}.pricing-card.featured .pricing-price{color:#fff}.pricing-period{color:var(--color-text-secondary);font-size:1rem}.benefit-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border-left:4px solid var(--color-jade)}.benefit-icon{margin-bottom:var(--space-md);font-size:2.5rem}.benefit-title{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.benefit-description{color:var(--color-text-secondary);font-size:.95rem}.grid-custom{gap:var(--space-lg);display:grid}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.grid-2,.grid-3{grid-template-columns:1fr}}.fade-in{animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .3s}.hover-lift:hover{transform:translateY(-4px)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.touch-friendly{border-radius:var(--radius-md);min-width:48px;min-height:48px;padding:12px 16px;transition:all .2s}.touch-friendly:active{transform:scale(.98)}.pagination{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);display:flex}.pagination-item{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-primary);transition:all .2s}.pagination-item:hover{background:var(--color-primary);color:#fff;text-decoration:none}.pagination-item.active{background:var(--color-primary);color:#fff}