@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Lato:wght@300;400;700&family=Crimson+Text:ital@0;1&display=swap";@custom-variant dark (&:is(.dark *));@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-display: "Playfair Display", serif; --font-body: "Lato", sans-serif; --font-serif: "Crimson Text", serif; }:root{--primary: oklch(.35 .12 240);--primary-foreground: oklch(1 0 0);--secondary: oklch(.7 .18 60);--secondary-foreground: oklch(.15 .05 240);--accent: oklch(.42 .1 140);--accent-foreground: oklch(1 0 0);--background: oklch(.99 .005 90);--foreground: oklch(.15 .02 240);--card: oklch(1 0 0);--card-foreground: oklch(.15 .02 240);--popover: oklch(1 0 0);--popover-foreground: oklch(.15 .02 240);--muted: oklch(.94 .01 90);--muted-foreground: oklch(.5 .03 240);--destructive: oklch(.55 .2 20);--destructive-foreground: oklch(1 0 0);--border: oklch(.92 .01 90);--input: oklch(.96 .01 90);--ring: oklch(.7 .18 60);--radius: .5rem;--sidebar: oklch(.96 .02 90);--sidebar-foreground: oklch(.15 .02 240);--sidebar-primary: oklch(.35 .12 240);--sidebar-primary-foreground: oklch(1 0 0);--sidebar-accent: oklch(.94 .01 90);--sidebar-accent-foreground: oklch(.15 .02 240);--sidebar-border: oklch(.92 .01 90);--sidebar-ring: oklch(.7 .18 60);--chart-1: oklch(.35 .12 240);--chart-2: oklch(.7 .18 60);--chart-3: oklch(.42 .1 140);--chart-4: oklch(.55 .15 20);--chart-5: oklch(.6 .12 180)}@layer base{*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:3.5rem;margin-bottom:1.5rem}h2{font-size:2.5rem;margin-bottom:1.25rem}h3{font-size:1.875rem;margin-bottom:1rem}h4{font-size:1.5rem;margin-bottom:.875rem}p{font-size:1rem;line-height:1.8;margin-bottom:1rem;color:#19232a}a{color:var(--color-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--color-secondary)}a:hover{text-decoration:underline}}@layer components{.container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}.btn-primary{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;border-radius:.5rem;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a}.btn-primary:hover{opacity:.9;box-shadow:0 20px 25px -5px #00000026}.btn-secondary{padding:.75rem 1.5rem;background-color:var(--color-secondary);color:var(--color-foreground);font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;border-radius:.5rem;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a}.btn-secondary:hover{opacity:.9;box-shadow:0 20px 25px -5px #00000026}.btn-outline{padding:.75rem 1.5rem;border:2px solid var(--color-primary);color:var(--color-primary);font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;border-radius:.5rem;transition:all .3s}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.card-premium{background-color:#fff;border-radius:.5rem;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;transition:all .3s}.card-premium:hover{box-shadow:0 10px 15px #0000001a}.card-editorial{background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);transition:all .5s}.card-editorial:hover{box-shadow:0 30px 60px #0d47a133}.divider-premium{height:.25rem;background:linear-gradient(to right,var(--color-secondary),var(--color-accent),var(--color-secondary));border-radius:9999px}.gradient-primary{background:linear-gradient(to right,var(--color-primary),var(--color-accent),var(--color-primary))}.image-hover{transition:transform .5s}.image-hover:hover{transform:scale(1.05)}.shadow-premium-lg{box-shadow:0 20px 40px #0d47a126}.shadow-premium-xl{box-shadow:0 30px 60px #0d47a133}.animate-fade-in{animation:fadeIn .6s ease-in-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-slide-down{animation:slideDown .6s ease-out}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width: 768px){.section-title{font-size:3rem}}.section-subtitle{font-size:1.125rem;color:#4b5563;max-width:42rem}.article-card{cursor:pointer;background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);transition:all .5s}.article-card:hover{box-shadow:0 30px 60px #0d47a133}.article-image{width:100%;height:16rem;object-fit:cover;transition:transform .5s}@media (min-width: 768px){.article-image{height:20rem}}.article-image:hover{transform:scale(1.05)}.article-content{padding:1.5rem}@media (min-width: 768px){.article-content{padding:2rem}}.article-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s}@media (min-width: 768px){.article-title{font-size:1.875rem}}.article-card:hover .article-title{color:var(--color-primary)}.article-excerpt{color:#4b5563;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.625}.article-meta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#6b7280;padding-top:1rem;border-top:1px solid var(--color-border)}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:.75rem}.featured-article{grid-column:span 1;background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);transition:all .5s}@media (min-width: 768px){.featured-article{grid-column:span 2}}.featured-article .article-image{height:24rem}@media (min-width: 768px){.featured-article .article-image{height:31.25rem}}.featured-article .article-title{font-size:1.875rem}@media (min-width: 768px){.featured-article .article-title{font-size:3rem}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.featured-article{grid-column:span 1}.featured-article .article-image{height:16rem}}