:root{--color-primary:#2D5A27;--color-primary-dark:#1E3D1A;--color-primary-light:#4A7C43;--color-secondary:#1F2937;--color-secondary-light:#374151;--color-accent:#84CC16;--color-background:#F9FAFB;--color-surface:#FFFFFF;--color-text:#2E4057;--color-text-muted:#536171;--color-text-light:#6B7C93;--color-border:#E8E8E8;--color-border-light:#F0F0F0;--color-success:#22C55E;--color-success-bg:#F0FDF4;--color-error:#EF4444;--color-error-bg:#FEF2F2;--color-info:#3B82F6;--color-info-bg:#EFF6FF;--color-warning:#F59E0B;--color-warning-bg:#FFFBEB;--font-heading:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'Fira Code','Consolas',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--header-height:140px;--header-height-mobile:220px;--container-max:1200px;--container-padding:var(--space-4)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-4);color:var(--color-secondary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:visited{color:var(--color-primary-dark)}a:visited:hover{color:var(--color-secondary)}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-secondary);color:white;padding:var(--space-2) var(--space-4);z-index:var(--z-tooltip);text-decoration:none;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:3px solid var(--color-accent);outline-offset:2px}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:linear-gradient(135deg,rgba(45,90,39,0.95) 0%,rgba(30,61,26,0.95) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-4) 0;box-shadow:var(--shadow-lg)}.header--minimal{padding:var(--space-3) 0}.header .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.logo-link{text-decoration:none}.logo-link:hover{text-decoration:none}.site-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:white;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.tagline{font-size:var(--text-sm);color:rgba(255,255,255,0.9);margin:var(--space-1) 0 0;font-style:italic}@media (max-width:480px){.tagline{display:none}}.search-bar-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.search-wrapper{position:relative;width:100%;max-width:400px}#search-bar{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);border:2px solid rgba(255,255,255,0.3);border-radius:var(--radius-full);font-size:var(--text-base);background:rgba(255,255,255,0.95);color:var(--color-text);transition:all var(--transition-fast)}.search-spinner{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}#search-bar:focus{border-color:white;box-shadow:0 0 0 4px rgba(255,255,255,0.3);outline:none}#search-bar::placeholder{color:var(--color-text-muted)}.subscribe-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-6);background-color:white;color:var(--color-primary);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.subscribe-button:hover{background-color:var(--color-secondary);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.main-content{margin-top:var(--header-height-mobile);padding:var(--space-4) 0;min-height:calc(100vh - var(--header-height-mobile) - 200px)}.hero-banner+.main-content{margin-top:0;padding-top:var(--space-4)}.hero-banner{position:relative;min-height:200px;background:url('/static/images/background.jpg') center center / cover no-repeat;background-image:image-set( url('/static/images/background.webp') type('image/webp'),url('/static/images/background.jpg') type('image/jpeg') );background-size:cover;background-position:center center;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-4) var(--space-4);margin-top:var(--header-height-mobile);overflow:visible}.hero-banner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(45,90,39,0.55) 0%,rgba(30,61,26,0.55) 100%)}.hero-banner__content{position:relative;z-index:1;max-width:700px}.hero-banner__title{font-size:var(--text-xl);color:white;margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,0.2)}.hero-banner__text{font-size:var(--text-sm);color:rgba(255,255,255,0.9);margin-bottom:0;line-height:var(--leading-relaxed)}.hero-banner__cta{display:inline-block;background:white;color:var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-bold);text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.hero-banner__cta:hover{background:#84CC16;color:var(--color-secondary);transform:translateY(-3px);box-shadow:var(--shadow-xl);text-decoration:none}@media (min-width:768px){.hero-banner{min-height:220px;margin-top:var(--header-height);padding:var(--space-6) var(--space-4)}.hero-banner__title{font-size:var(--text-2xl)}.hero-banner__text{font-size:var(--text-base)}.hero-banner__cta{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}}.hero-intro{text-align:center;max-width:800px;margin:0 auto var(--space-8);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.hero-intro__title{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--space-4)}.hero-intro__text{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}@media (min-width:768px){.hero-intro{padding:var(--space-8)}.hero-intro__title{font-size:var(--text-3xl)}.hero-intro__text{font-size:var(--text-lg)}}.section-title{font-size:var(--text-xl);text-align:center;color:var(--color-primary);margin-bottom:var(--space-6);font-weight:var(--font-semibold)}.articles-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.article-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.article-image-link{display:block;overflow:hidden}.article-image-link:hover .article-image{transform:scale(1.05)}.article-image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-normal)}.article-card h3{font-size:var(--text-lg);color:var(--color-primary);margin:var(--space-4) var(--space-4) var(--space-2);font-weight:var(--font-semibold)}.article-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 var(--space-4) var(--space-4);line-height:var(--leading-relaxed)}.read-more{display:inline-flex;align-items:center;margin:0 var(--space-4) var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:white;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast)}.read-more:visited{color:white}.read-more:hover{background:var(--color-primary-dark);color:white;text-decoration:none;transform:translateX(4px)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;flex-wrap:wrap}.pagination button,.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.pagination button:hover,.pagination-btn:hover{background:var(--color-primary);color:white;text-decoration:none}.pagination span{font-size:var(--text-sm);color:var(--color-text-muted)}.affiliate-products{background:linear-gradient(180deg,var(--color-background) 0%,var(--color-surface) 100%);padding:var(--space-10) 0;border-top:1px solid var(--color-border)}.affiliate-products h2{text-align:center;color:var(--color-secondary);margin-bottom:var(--space-8)}.affiliate-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.affiliate-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.affiliate-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.affiliate-card img{width:100%;height:180px;object-fit:cover}.affiliate-card h3{font-size:var(--text-lg);color:var(--color-secondary);margin:var(--space-4) var(--space-4) var(--space-2)}.affiliate-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 var(--space-4) var(--space-4)}.affiliate-card a,.buy-now{display:inline-flex;margin:0 var(--space-4) var(--space-4);padding:var(--space-3) var(--space-5);background:#B45309;color:white;border-radius:var(--radius-md);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast)}.affiliate-card a:hover,.buy-now:hover{background:#92400E;color:white;text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.affiliate-disclosure{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);font-style:italic}.footer{background:var(--color-secondary);color:rgba(255,255,255,0.8);padding:var(--space-8) 0;text-align:center}.footer p{margin-bottom:var(--space-3);font-size:var(--text-sm)}.footer__nav{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.footer__nav a,.footer a{color:rgba(255,255,255,0.9);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__nav a:hover,.footer a:hover{color:white;text-decoration:underline}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form__group{display:flex;flex-direction:column;gap:var(--space-2)}.form__group--checkbox{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2)}.form__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form__label--checkbox{font-weight:var(--font-normal);cursor:pointer;flex:1}.form__input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast)}.form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(45,90,39,0.15);outline:none}.form__input--error{border-color:var(--color-error)}.form__input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.form__checkbox{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.form__error{font-size:var(--text-xs);color:var(--color-error);min-height:1.25rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--color-primary);color:white}.btn--primary:hover{background:var(--color-primary-dark);color:white;text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--full{width:100%}.btn--loading{pointer-events:none;opacity:0.8}.btn--loading .btn__text{display:none}.btn__loading{display:none}.btn--loading .btn__loading{display:flex}.spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn:disabled{opacity:0.5;cursor:not-allowed}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-4)}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.alert--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.subscribe-card{max-width:480px;margin:0 auto;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.subscribe-card__title{font-size:var(--text-2xl);text-align:center;color:var(--color-secondary);margin-bottom:var(--space-2)}.subscribe-card__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-6)}.message-card{max-width:480px;margin:0 auto;padding:var(--space-10);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);text-align:center}.message-card__icon{margin-bottom:var(--space-4)}.message-card--success .message-card__icon{color:var(--color-success)}.message-card--error .message-card__icon{color:var(--color-error)}.message-card--info .message-card__icon{color:var(--color-info)}.message-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.message-card__text{color:var(--color-text-muted);margin-bottom:var(--space-6)}@media (min-width:768px){:root{--header-height:140px;--header-height-mobile:140px}.header .container{flex-direction:row;justify-content:space-between}.site-title{font-size:var(--text-2xl)}.search-bar-container{flex-direction:row;width:auto}#search-bar{width:300px}.main-content{margin-top:var(--header-height);padding:var(--space-8) 0}.articles-grid{grid-template-columns:repeat(2,1fr)}.affiliate-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section-title{font-size:var(--text-2xl)}}@media (min-width:1024px){:root{--container-padding:var(--space-8)}.articles-grid{grid-template-columns:repeat(3,1fr)}.affiliate-grid{grid-template-columns:repeat(3,1fr)}#search-bar{width:400px}}@media (min-width:1280px){.articles-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}}.content-article{max-width:800px;margin:0 auto;background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.content-article h3{color:var(--color-secondary);margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-lg)}.content-article h3:first-of-type{margin-top:0}.content-article p{color:var(--color-text);line-height:var(--leading-relaxed)}.content-article ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}.content-article li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.content-article section{margin-bottom:var(--space-6)}.content-article section:last-child{margin-bottom:0}.content-article address{font-style:normal;line-height:var(--leading-relaxed)}@media (min-width:768px){.content-article{padding:var(--space-10)}.content-article h3{font-size:var(--text-xl)}}.error-message,.no-results{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-size:var(--text-lg)}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{height:1rem;margin:var(--space-4);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text--title{height:1.25rem;width:80%}.skeleton-text--short{width:60%}.skeleton-button{height:36px;width:120px;margin:0 var(--space-4) var(--space-4);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media print{.header,.footer,.pagination,.subscribe-button{display:none}.main-content{margin-top:0}.article-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}