body{background-image:url('/static/images/first_background.png');background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat}.blog-header{position:relative;padding-top:60px;background:transparent;z-index:10;border-radius:20px 20px 0 0;margin-top:-20px;box-shadow:none}.blog-search{max-width:var(--pl-w-2);margin:0 auto}.blog-search .search-form{margin:0}.blog-search .search-input-wrapper{display:flex;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.blog-search .search-input{flex:1;padding:18px 24px;border:3px solid var(--color-brand-orange);border-right:none;font-size:16px;outline:none;transition:all 0.3s ease-out;background:var(--color-black);color:var(--color-white)}.blog-search .search-input:focus{border-color:var(--color-brand-orange);box-shadow:0 0 0 3px rgba(230,81,0,0.1)}.blog-search .search-button{padding:18px 24px;background:var(--color-brand-orange);border:3px solid var(--color-brand-orange);color:var(--color-white);cursor:pointer;transition:all 0.3s ease-out;display:flex;align-items:center;justify-content:center;min-width:60px}.blog-search .search-icon{font-size:20px}.blog-header::after{content:'∴';position:absolute;bottom:var(--space-sm);left:var(--space-sm);color:var(--color-brand-orange);font-size:32px;font-weight:700;opacity:0.4}.blog-articles{background:transparent}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.blog-card{background:var(--color-black);border:3px solid var(--color-brand-orange);padding:var(--space-sm);transition:all 0.4s ease-out;cursor:pointer;position:relative;min-height:300px;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--color-brand-orange);transform:translateY(-5px);background:var(--color-black);box-shadow:0 4px 12px rgba(230,81,0,0.3)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.article-number{font-weight:900;opacity:0.8}.card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.article-date{color:var(--color-white);opacity:0.7}.reading-time-small{font-size:10px;color:var(--color-white);opacity:0.6;font-weight:500}.card-content{flex:1;margin-bottom:var(--space-sm)}.card-content h2{color:var(--color-white)}.article-category{margin-bottom:var(--space-xs)}.article-category .category-tag{background:var(--color-brand-orange);color:var(--color-white);padding:4px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border-radius:4px}.article-meta{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.article-meta .reading-time{display:flex;align-items:center;gap:4px;color:var(--color-white);opacity:0.7;font-size:12px}.article-meta .reading-icon{font-size:12px}.article-link{color:var(--color-white);text-decoration:none;transition:color 0.3s ease-out}.article-link:hover{color:var(--color-brand-orange)}.article-excerpt{line-height:1.5;margin-bottom:var(--space-sm);color:var(--color-white)}.article-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-xs)}.keyword-tag{font-size:10px;background:var(--color-brand-orange);color:var(--color-white);padding:3px 6px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.card-footer{margin-top:auto}.read-more-link{text-decoration:none;font-weight:600;transition:all 0.3s ease-out;display:inline-block}.read-more-link:hover{transform:translateX(5px)}.blog-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-top:2px solid var(--color-brand-orange);max-width:var(--pl-w-2);margin:0 auto;color:var(--color-white)}.pagination-link{color:var(--color-brand-orange);text-decoration:none;font-weight:600;transition:color 0.3s ease-out}.pagination-link:hover{color:var(--color-white)}.pagination-info{color:var(--color-white);opacity:0.7}.no-articles{grid-column:1 / -1;text-align:center;padding:var(--space-xl);background:var(--color-black);border:2px solid var(--color-brand-orange)}.no-articles p{color:var(--color-white)}.blog-article{min-height:100vh}.article-header{padding:var(--space-lg) 0 0 0;position:relative;background:transparent}.article-header::after{content:'';display:block;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-brand-orange) 10%,var(--color-brand-orange) 90%,transparent 100%);margin:var(--space-md) auto;width:80%;max-width:var(--pl-container)}.article-meta{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;color:var(--color-white)}.category-tag{background:var(--color-brand-orange);color:var(--color-white);padding:6px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.reading-time{display:flex;align-items:center;gap:6px;color:var(--color-white);opacity:0.7}.reading-icon{font-size:14px}.article-title{max-width:var(--pl-w-3);margin-bottom:var(--space-md);margin-left:auto;margin-right:auto;color:var(--color-brand-orange);text-align:center}.article-excerpt{max-width:var(--pl-w-2);margin-bottom:var(--space-md);margin-left:auto;margin-right:auto;color:var(--color-white);text-align:center}.article-featured-image{margin-top:var(--space-md);max-width:100%;overflow:hidden;border-radius:8px}.article-featured-image img{width:100%;height:auto;display:block}.article-content{padding:0;background:transparent}.content-wrapper{max-width:var(--pl-w-3);margin:0 auto;color:var(--color-white)}.article-text{font-size:16px;line-height:1.7;color:var(--color-white)}.article-text h2{font-size:28px;font-weight:700;color:var(--color-brand-orange);margin:var(--space-md) 0 var(--space-sm);text-align:left}.article-text h3{font-size:22px;font-weight:600;color:var(--color-white);margin:var(--space-sm) 0 var(--space-xs)}.article-text p{margin-bottom:1.2em;text-align:justify;hyphens:auto;line-height:1.6;color:var(--color-white)}.article-text strong{font-weight:700;color:var(--color-white)}.article-text em{font-style:italic}.article-text u{text-decoration:underline}.article-text h1{font-size:32px;font-weight:700;color:var(--color-brand-orange);margin:var(--space-md) 0 var(--space-sm);line-height:1.2}.article-text a{color:var(--color-brand-orange);text-decoration:underline}.article-text a:hover{opacity:0.85}.article-text ul,.article-text ol{margin:var(--space-sm) 0;padding-left:1.5em;display:block;list-style-position:outside}.article-text ul{list-style-type:disc}.article-text ol{list-style-type:decimal}.article-text li{margin-bottom:var(--space-xs);line-height:1.6}.article-text blockquote{margin:3em 0;padding:0;border:none;text-align:center;position:relative}.article-text blockquote::before{content:'"';display:block;font-size:4em;font-weight:700;color:var(--color-brand-orange);line-height:1;margin-bottom:0.5em;font-family:Georgia,serif}.article-text blockquote p{font-size:1.3em;font-style:italic;line-height:1.4;color:var(--color-white);margin:0;text-align:center;font-weight:400;position:relative}.article-text blockquote p:first-of-type::before{content:'';display:block;border:none;border-top:1px solid rgba(230,81,0,0.3);width:60%;margin:0 auto 1.5em}.article-text blockquote p:last-of-type::after{content:'';display:block;border:none;border-top:1px solid rgba(230,81,0,0.3);width:60%;margin:1.5em auto 0}.article-text blockquote cite,.article-text blockquote .quote-source{display:block;font-size:0.9em;color:var(--color-white);opacity:0.7;margin-top:0.5em;font-style:normal;text-align:center;font-weight:400}.article-text blockquote footer{font-size:0.9em;color:var(--color-white);opacity:0.7;margin-top:0.5em;font-style:normal;text-align:center;font-weight:400}.article-text blockquote .quote-divider{display:block;border:none;border-top:1px solid rgba(230,81,0,0.3);width:60%;margin:1.5em auto;height:0}.article-keywords-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:2px solid var(--color-brand-orange);color:var(--color-white)}.related-articles{padding:0;background:transparent;margin-top:var(--space-lg)}.related-articles h2{text-align:center;margin-bottom:var(--space-md)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.related-card{background:var(--color-black);padding:var(--space-sm);border:3px solid var(--color-brand-orange);border-radius:12px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(230,81,0,0.15);display:flex;flex-direction:column;opacity:0;transform:translateY(30px);will-change:transform,opacity}.related-card.visible{opacity:1;transform:translateY(0)}.related-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brand-orange),#FF8A50);transform:scaleX(0);transition:transform 0.3s ease-out}.related-card:hover{border-color:var(--color-brand-orange);transform:translateY(-8px) scale(1.02);box-shadow:0 12px 35px rgba(230,81,0,0.3)}.related-card:hover::before{transform:scaleX(1)}.related-card-content{display:flex;flex-direction:column;flex:1}.related-card-content h3{margin-bottom:8px;line-height:1.3;color:var(--color-white);font-size:16px}.related-card-content h3 a{color:var(--color-white);text-decoration:none;transition:color 0.3s ease}.related-card-content h3 a:hover{color:var(--color-brand-orange)}.related-card-content p{margin-bottom:12px;line-height:1.5;color:var(--color-white);opacity:0.8;font-size:14px;flex:1}.related-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1);color:var(--color-white);font-size:12px}.related-read-more{color:var(--color-brand-orange);text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease-out;display:inline-block;align-self:flex-start}.related-read-more:hover{color:var(--color-white);transform:translateX(5px)}.back-to-blog{padding:0 0 var(--space-md) 0;background:transparent}.back-link{text-decoration:none;transition:all 0.3s ease-out;display:inline-block;color:var(--color-brand-orange)}.back-link:hover{transform:translateX(-5px)}.search-header{padding:var(--space-xl) 0;background:transparent}.search-form{max-width:500px;margin:0 auto}.search-input-wrapper{display:flex;position:relative}.search-input{flex:1;padding:16px 20px;border:3px solid var(--color-brand-orange);border-right:none;font-size:16px;outline:none;transition:all 0.3s ease-out;background:var(--color-black);color:var(--color-white)}.search-input:focus{border-color:var(--color-brand-orange)}.search-button{padding:16px 20px;background:var(--color-brand-orange);border:3px solid var(--color-brand-orange);color:var(--color-white);cursor:pointer;transition:all 0.3s ease-out;display:flex;align-items:center;justify-content:center}.search-icon{font-size:18px}.search-results{padding:var(--space-xl) 0;background:transparent}.search-info{text-align:center;margin-bottom:var(--space-md);color:var(--color-white)}.no-results{padding:var(--space-xl);color:var(--color-white)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);max-width:var(--pl-w-2);margin:0 auto}.suggestion-link{display:block;padding:var(--space-sm);background:var(--color-black);color:var(--color-brand-orange);text-decoration:none;text-align:center;font-weight:600;transition:all 0.3s ease-out;border:2px solid var(--color-brand-orange)}.suggestion-link:hover{background:var(--color-brand-orange);color:var(--color-white);border-color:var(--color-brand-orange);box-shadow:0 4px 12px rgba(230,81,0,0.3)}.blog-categories{margin-top:var(--space-sm)}.categories-list{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs)}.category-filter{display:inline-block;padding:8px 16px;background:var(--color-black);color:var(--color-white);text-decoration:none;border:2px solid var(--color-brand-orange);border-radius:20px;font-size:14px;font-weight:600;transition:all 0.3s ease-out;text-align:center}.category-filter:hover{background:var(--color-brand-orange);color:var(--color-white);transform:translateY(-2px)}.category-filter.active{background:var(--color-brand-orange);color:var(--color-white);box-shadow:0 4px 12px rgba(230,81,0,0.3)}@media (max-width:1024px) and (min-width:768px){.blog-hero{min-height:80vh}.blog-header{padding:var(--space-md) 0}.blog-articles{padding:var(--space-md) 0}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-sm)}.article-header{padding:var(--space-md) 0}.article-content{padding:var(--space-md) 0}.article-text{column-count:2;column-gap:30px;font-size:15px}.related-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-sm)}.popular-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-sm)}.popular-card{padding:var(--space-sm)}}@media (max-width:767px){.blog-header{border-radius:16px 16px 0 0;margin-top:-16px;padding-top:20px}}@media (max-width:767px){body{background-image:url('/static/images/mobile_menu.webp');background-attachment:scroll;background-size:cover;background-position:center}.blog-hero{min-height:100vh;min-height:100svh;min-height:calc(var(--vh,1vh) * 100)}.blog-search{max-width:100%}.blog-search .search-input-wrapper{flex-direction:row}.blog-search .search-input{border-right:none;border-bottom:3px solid var(--color-brand-orange);padding:12px 16px}.blog-search .search-button{border-bottom:none;padding:12px 16px}.articles-grid{grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:calc(var(--space-md) / 2)}.blog-card{min-height:250px;padding:var(--space-xs)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.card-meta{align-items:flex-start;gap:2px}.article-number{font-size:24px}.blog-pagination{flex-direction:column;gap:var(--space-xs);text-align:center}.article-header{padding:0}.article-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.article-title{font-size:40px}.article-content{padding:0}.content-wrapper{padding:0 var(--space-xs)}.article-text{font-size:16px;column-count:1;column-gap:0;column-rule:none}.article-text p{text-align:left}.article-text blockquote{margin:2em 0}.article-text blockquote::before{font-size:3em}.article-text blockquote p{font-size:1.1em}.article-text blockquote p:first-of-type::before,.article-text blockquote p:last-of-type::after{width:80%}.related-grid{grid-template-columns:1fr;gap:var(--space-sm)}.popular-grid{grid-template-columns:1fr;gap:var(--space-sm)}.popular-articles{padding:calc(var(--space-md) / 2) 0}.popular-card{padding:var(--space-sm)}.popular-card.featured::before{font-size:16px;top:var(--space-xs);right:var(--space-xs)}.search-header{padding:var(--space-md) 0}.search-input-wrapper{flex-direction:column}.search-input{border-right:3px solid var(--color-brand-orange);border-bottom:none}.search-button{border-top:none}.suggestions-grid{grid-template-columns:1fr;gap:var(--space-xs)}.blog-header::after{font-size:24px;bottom:var(--space-xs);right:var(--space-xs)}.blog-categories{margin-top:var(--space-sm)}.categories-list{gap:var(--space-xs);padding:0 var(--space-xs)}.category-filter{padding:6px 12px;font-size:12px}}@supports (-webkit-touch-callout:none){.blog-card{-webkit-transform:translateZ(0);transform:translateZ(0)}.search-input{-webkit-appearance:none;appearance:none;border-radius:0}.search-button{-webkit-appearance:none;appearance:none;border-radius:0}}.popular-articles{padding:var(--space-md) 0;background:transparent}.popular-header{margin-bottom:40px;color:var(--color-white)}.popular-header h2{position:relative;display:inline-block}.popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-md);max-width:var(--pl-container);margin:0 auto}.popular-card{background:var(--color-black);padding:var(--space-md);border:3px solid var(--color-brand-orange);border-radius:12px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(230,81,0,0.15)}.popular-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brand-orange),#FF8A50);transform:scaleX(0);transition:transform 0.3s ease-out}.popular-card:hover{border-color:var(--color-brand-orange);transform:translateY(-8px) scale(1.02);box-shadow:0 12px 35px rgba(230,81,0,0.3)}.popular-card:hover::before{transform:scaleX(1)}.popular-card.featured{border-color:var(--color-brand-orange);background:var(--color-black);position:relative}.popular-card.featured::after{content:'⭐';position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:24px;color:var(--color-brand-orange);animation:pulse 2s infinite}.popular-card-content h3{margin-bottom:var(--space-xs);line-height:1.3;color:var(--color-white)}.popular-card-content h3 a{color:var(--color-white);text-decoration:none;transition:color 0.3s ease}.popular-card-content h3 a:hover{color:var(--color-brand-orange)}.popular-card-content p{margin-bottom:var(--space-sm);line-height:1.6;color:var(--color-white);opacity:0.8}.popular-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,0.1)}.popular-card-meta .category-tag{font-size:10px;padding:4px 8px;background:var(--color-brand-orange);color:var(--color-white);border-radius:12px;font-weight:600}.popular-card-meta .reading-time{font-size:12px;color:var(--color-white);opacity:0.7;font-weight:500}.blog-header{animation:fadeInUp-large 0.8s ease-out}.blog-categories{animation:fadeInUp 0.8s ease-out 0.2s both}.articles-grid{animation:fadeInUp 0.8s ease-out 0.4s both}.popular-articles{animation:fadeInUp 0.8s ease-out 0.6s both}.blog-card{opacity:0;transform:translateY(30px);transition:opacity 0.15s ease-out,transform 0.15s ease-out;will-change:transform,opacity}.blog-card.visible{opacity:1;transform:translateY(0)}.popular-card{opacity:0;transform:translateY(30px);transition:opacity 0.15s ease-out,transform 0.15s ease-out;will-change:transform,opacity}.popular-card.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.blog-card:nth-child(1).visible{transition-delay:0.1s}.blog-card:nth-child(2).visible{transition-delay:0.2s}.blog-card:nth-child(3).visible{transition-delay:0.3s}.blog-card:nth-child(4).visible{transition-delay:0.4s}.blog-card:nth-child(5).visible{transition-delay:0.5s}.blog-card:nth-child(6).visible{transition-delay:0.6s}.blog-card:nth-child(7).visible{transition-delay:0.7s}.blog-card:nth-child(8).visible{transition-delay:0.8s}.blog-card:nth-child(9).visible{transition-delay:0.9s}}@media (prefers-reduced-motion:reduce){.blog-card{opacity:1;transform:translateY(0);transition:none}}@media (prefers-reduced-motion:no-preference){.popular-card:nth-child(1).visible{transition-delay:0.7s}.popular-card:nth-child(2).visible{transition-delay:0.8s}.popular-card:nth-child(3).visible{transition-delay:0.9s}}@media (prefers-reduced-motion:reduce){.blog-card,.popular-card{opacity:1;transform:translateY(0);transition:none}}