:root{--color-primary:#2f4f4f;--color-primary-light:#52796f;--color-primary-dark:#1e3838;--color-accent:#84a98c;--color-accent-hover:#cad2c5;--color-background:#f8f9fa;--color-surface:#fff;--color-text:#212529;--color-text-muted:#6c757d;--color-border:#dee2e6;--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-hover:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-primary-dark);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.main-content{min-height:calc(100vh - 200px);padding:var(--spacing-3xl) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.ad-slot{background:var(--color-border);width:100%;color:var(--color-text-muted);margin:var(--spacing-xl) 0;border-radius:var(--radius-md);border:1px dashed #adb5bd;justify-content:center;align-items:center;font-size:.875rem;display:flex}.ad-leaderboard{max-width:728px;height:90px;margin-left:auto;margin-right:auto}.ad-rectangle{width:300px;height:250px;margin-left:auto;margin-right:auto}.text-center{text-align:center}.mt-4{margin-top:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-lg)}.grid{gap:var(--spacing-xl);display:grid}.grid-cols-1{grid-template-columns: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)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.site-header{z-index:50;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-normal);background-color:#fffffff2;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-serif);color:var(--color-primary-dark);letter-spacing:-.5px;align-items:center;gap:var(--spacing-sm);font-size:1.75rem;font-weight:700;display:flex}.logo-icon{color:var(--color-primary-light)}.nav-links{gap:var(--spacing-xl);display:flex}.nav-link{color:var(--color-text);font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--color-primary-light);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active-link:after{width:100%}.nav-link:hover,.nav-link.active-link,.nav-link:hover{color:var(--color-primary)}.mobile-menu-btn{color:var(--color-primary);cursor:pointer;z-index:60;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.nav-links{background-color:var(--color-surface);padding:var(--spacing-xl);gap:var(--spacing-lg);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition-normal);border-bottom:1px solid var(--color-border);flex-direction:column;position:absolute;top:100%;left:0;right:0;transform:translateY(-150%)}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-btn{display:block}}.article-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--color-border);flex-direction:column;height:100%;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.article-image-wrapper{width:100%;padding-top:60%;position:relative;overflow:hidden}.article-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.article-card:hover .article-image-wrapper img{transform:scale(1.05)}.article-content{padding:var(--spacing-lg);flex-direction:column;flex-grow:1;display:flex}.article-category{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary-light);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:700}.article-title{margin-bottom:var(--spacing-sm);color:var(--color-primary-dark);font-size:1.25rem}.article-card:hover .article-title{color:var(--color-primary)}.article-excerpt{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);flex-grow:1;font-size:.95rem}.article-meta{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--spacing-md);justify-content:space-between;align-items:center;margin-top:auto;font-size:.85rem;display:flex}.site-footer{background-color:var(--color-primary-dark);color:#fffc;padding:var(--spacing-3xl) 0 var(--spacing-lg);margin-top:auto}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand .logo{color:#fff;margin-bottom:var(--spacing-md)}.footer-description{margin-bottom:var(--spacing-lg);max-width:400px}.footer-heading{color:#fff;margin-bottom:var(--spacing-lg);font-size:1.125rem}.footer-links{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-links a:hover{color:#fff;padding-left:var(--spacing-xs)}.footer-bottom{padding-top:var(--spacing-lg);text-align:center;border-top:1px solid #ffffff1a;font-size:.875rem}.hero{padding:var(--spacing-3xl) 0;text-align:center;background-color:var(--color-primary-dark);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:radial-gradient(circle,#52796f4d 0%,#0000 70%);position:absolute;inset:0}.hero .container{z-index:2;max-width:800px;position:relative}.hero-title{color:#fff;margin-bottom:var(--spacing-lg);font-size:clamp(2.5rem,5vw,4.5rem)}.hero-subtitle{color:#fffc;margin-bottom:var(--spacing-xl);font-size:1.25rem;font-weight:300}.article-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl)}.article-hero-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:60vh;min-height:400px;margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.article-body{max-width:800px;color:var(--color-text);margin:0 auto;font-size:1.125rem;line-height:1.8}.article-body p{margin-bottom:var(--spacing-lg)}.article-body h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.article-body h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.article-body ul,.article-body ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-body li{margin-bottom:var(--spacing-sm)}.article-body blockquote{border-left:4px solid var(--color-primary-light);padding-left:var(--spacing-lg);color:var(--color-primary-dark);margin:var(--spacing-xl) 0;background:var(--color-background);padding:var(--spacing-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.25rem;font-style:italic}.with-sidebar{gap:var(--spacing-2xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.with-sidebar{grid-template-columns:2.5fr 1fr}}.sidebar-widget{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.sidebar-title{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);font-size:1.25rem;position:relative}.sidebar-title:after{content:"";background-color:var(--color-primary-light);width:50px;height:2px;position:absolute;bottom:-2px;left:0}.page-header{background-color:var(--color-primary);color:#fff;padding:var(--spacing-3xl) 0;text-align:center;margin-bottom:var(--spacing-3xl)}.page-header h1{color:#fff;margin-bottom:var(--spacing-sm);font-size:3rem}.page-header p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.125rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm);color:var(--color-primary-dark);font-weight:500;display:block}.form-control{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);transition:border-color var(--transition-fast);font-size:1rem}.form-control:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #52796f1a}textarea.form-control{resize:vertical;min-height:150px}