:root{--color-primary:#1a4971;--color-primary-dark:#0d3251;--color-accent:#98c1d9;--color-bg-primary:#ffffff;--color-bg-secondary:#f7f9fc;--color-bg-hero:linear-gradient(135deg, #3d5a80 0%, #2b4057 100%);--color-bg-featured:#e0fbfc;--color-bg-card:rgba(255, 255, 255, 0.98);--color-text-primary:#1a2633;--color-text-secondary:#2d4259;--color-text-light:#445773;--color-text-hero:#ffffff;--color-border:#e0fbfc;--color-border-table:#98c1d9;--shadow-card:rgba(61, 90, 128, 0.08);--shadow-button:rgba(61, 90, 128, 0.14);--shadow-button-hover:rgba(61, 90, 128, 0.2);--color-overlay:rgba(247, 249, 252, 0);--color-overlay-end:rgba(247, 249, 252, 1);--color-twitter:#0077B5;--color-facebook:#4267B2;--color-linkedin:#0077B5;--shadow-text:rgba(41, 50, 65, 0.1);--color-text-hero-secondary:rgba(255, 255, 255, 0.9);--color-bg-translucent:rgba(247, 249, 252, 0.2);--color-bg-translucent-hover:rgba(247, 249, 252, 0.3);--color-pagination-bg:#f7f9fc;--color-number-light:rgba(61, 90, 128, 0.12);--text-primary:#1a2633;--text-secondary:#2d4259;--text-tertiary:#445773;--bg-primary:#ffffff;--bg-secondary:#f7f9fc;--link-color:#1a4971;--link-hover:#0d3251;--button-bg:#1a4971;--button-text:#ffffff;--footer-bg:#f7f9fc;--footer-text:#1a2633}[data-theme=dark]{--text-primary:#ffffff;--text-secondary:#e2e8f0;--text-tertiary:#94a3b8;--bg-primary:#1a1b26;--bg-secondary:#1f2937;--link-color:#a5acff;--link-hover:#8892ff;--button-bg:#a5acff;--button-text:#ffffff;--footer-bg:#1f2937;--footer-text:#ffffff}.follow-text,.slogan-text{color:var(--text-primary);font-weight:500}.featured-post__excerpt{color:var(--text-secondary);font-weight:400}.featured-post__read-more{color:var(--link-color);font-weight:500}.featured-post__read-more:hover{color:var(--link-hover)}.footer{background-color:var(--footer-bg);color:var(--footer-text)}.footer a{color:var(--footer-text);text-decoration:underline}.footer__button{background-color:var(--button-bg);color:var(--button-text);font-weight:500}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text-primary);padding-top:0}a{color:var(--color-text-primary);text-decoration:none}.container{max-width:95%;margin:0 auto;padding:0 25px}.header{background-color:var(--color-bg-primary);z-index:1000;transition:transform .3s ease-in-out}.header--hidden{transform:translateY(-100%)}.header__container{background-color:var(--color-bg-primary);padding:15px 0;box-shadow:0 2px 10px var(--shadow-card)}.menu{background-color:var(--color-bg-secondary);padding:10px 20px;border-radius:30px;box-shadow:0 2px 5px var(--shadow-card);margin-left:20px}.menu__list{list-style-type:none;margin:0;padding:0;display:flex;align-items:center}.menu__item{margin-right:20px}.menu__item:last-child{margin-right:0}.menu__link{color:var(--color-text-primary);font-weight:600;padding:10px 20px;border-radius:25px;transition:all .3s ease;font-size:16px}.menu__link:hover,.menu__item--active .menu__link{background-color:var(--color-primary);color:var(--color-text-hero)}.main{padding-top:120px;padding:20px 0}.footer{background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:40px 0 20px}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer__title{font-size:18px;margin-bottom:15px}.footer__list{list-style:none;padding:0}.footer__list li{margin-bottom:10px}.footer__list a{color:var(--color-text-light);text-decoration:none}.footer__social-link{display:inline-block;margin-right:10px;color:var(--color-text-primary);font-size:20px;cursor:pointer;transition:transform .3s ease}.footer__social-link:hover{transform:scale(1.2)}.footer__social-link:active{transform:scale(.95)}.footer__form{display:flex;position:relative}.footer__input{flex-grow:1;padding:10px;border:none;opacity:1;transition:opacity .3s ease}.footer__input:disabled{opacity:.7;cursor:not-allowed}.footer__button{background-color:var(--color-primary);color:var(--color-text-hero);border:none;padding:10px 15px;cursor:pointer;transition:all .3s ease;opacity:1}.footer__button:disabled{opacity:.7;cursor:not-allowed}.footer__message{display:none;margin-top:10px;font-size:.9rem;transition:all .3s ease;padding:5px 0;color:var(--color-text-light)}.footer__bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.footer__nav a{color:var(--color-text-light);text-decoration:none;margin-left:15px}.back-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--color-primary);color:var(--color-text-hero);border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:none}@media(max-width:768px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;text-align:center}.footer__nav{margin-top:15px}.footer__nav a{margin:0 10px}}h1,h2,h3,h4,h5,h6{margin-bottom:15px}p{margin-bottom:20px}img{max-width:100%;height:auto}input,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}table{width:100%;border-collapse:collapse}th,td{padding:10px;border:1px solid var(--color-border-table)}ul,ol{margin-left:20px;margin-bottom:20px}@media screen and (max-width:768px){.container{padding:0 10px}}.post__title{font-size:24px;margin-bottom:10px}.post__meta{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.post__content{margin-bottom:20px;margin-top:-40px;position:relative;z-index:1}.widget{margin-bottom:20px}.widget__title{font-size:18px;margin-bottom:10px}.pagination{margin-top:20px}.pagination__item{display:inline-block;padding:5px 10px;margin-right:5px;background-color:#f5f5f5}.search-form{margin-bottom:20px}.search-form__input{padding:5px;width:200px}.search-form__submit{padding:5px 10px}.social-media-container{background-color:var(--bg-secondary);padding:2rem 0}.social-content-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.social-icons-wrapper{display:flex;align-items:center}.follow-text{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.slogan-text{color:var(--text-primary);font-size:1.125rem;font-weight:500;margin-top:1.5rem}.social-icon{color:var(--text-primary);transition:opacity .2s ease;&:hover { opacity:0.8; }}.facebook{color:#1a1a1a}.twitter{color:#1a1a1a}.tiktok{color:#1a1a1a}[data-theme=dark]{.social-icon { color: var(--text-primary); } .follow-text, .slogan-text { color: var(--text-primary); }}.slogan-wrapper{background-color:rgba(255,255,255,.2);padding:6px 12px;border-radius:20px;transition:background-color .3s ease}.slogan-wrapper:hover{background-color:rgba(255,255,255,.3)}.slogan-wrapper{margin-top:2rem;text-align:center}.slogan-text{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.slogan-text{color:var(--text-primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}@media screen and (max-width:768px){.social-content-wrapper{flex-direction:column;align-items:center}.social-icons-wrapper{margin-bottom:10px;flex-wrap:wrap;justify-content:center}.follow-text{margin-bottom:10px;text-align:center;width:100%}}.logo-container{display:flex;justify-content:center;align-items:center;position:relative;padding:20px 0}.logo__link{text-decoration:none;color:inherit}.logo__text{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.logo__title{font-family:pacifico,cursive;font-size:36px;font-weight:400;margin:0;color:var(--color-primary-dark);text-shadow:1px 1px 2px rgba(0,0,0,.1);transition:color .3s ease;padding-bottom:15px;text-align:center}.logo__link:hover .logo__title{color:var(--color-primary)}.logo__subtitle{font-family:Arial,sans-serif;font-size:16px;color:var(--color-primary);margin:0;letter-spacing:1px;text-align:center}.logo__wave{position:absolute;bottom:0;left:0;width:100%;height:30px;z-index:0}@media screen and (max-width:768px){.logo-container{padding:15px 0}.logo__title{font-size:28px;padding-bottom:10px}.logo__wave{height:20px}}@media screen and (max-width:768px){.menu{margin-left:0;margin-top:15px;padding:8px 15px}.menu__list{flex-wrap:wrap;justify-content:center}.menu__item{margin:5px 10px}.menu__link{padding:8px 15px;font-size:14px}}.homepage-hero{position:relative;min-height:auto;background:var(--color-bg-hero);padding:120px 0;margin-bottom:40px}.hero-content{max-width:1000px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:60px}.hero-main{margin-top:10px;text-align:center;padding:40px 0}.animated-text__title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;color:var(--color-text-hero);opacity:0;transform:translateY(-20px);animation:fadeInDown 1s forwards;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:-.5px}.animated-text__description{font-size:1.4rem;opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards .5s;max-width:600px;margin:0 auto;line-height:1.6;color:rgba(255,255,255,.9)}.content-card{background:var(--color-bg-card);border-radius:20px;box-shadow:0 15px 30px var(--shadow-card);overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards 1s;position:relative;max-width:800px;margin:0 auto;width:100%}.content-card__inner{padding:40px}.content-preview{position:relative;margin-bottom:20px;color:var(--color-text-primary);font-size:1.1rem;line-height:1.8}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,var(--color-overlay),var(--color-overlay-end));pointer-events:none}.read-more-button{display:flex;align-items:center;justify-content:center;gap:8px;margin:30px auto 0;padding:14px 32px;background-color:var(--color-primary);color:var(--color-text-hero);border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-button)}.button-icon{transition:transform .3s ease}.read-more-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-button-hover)}.read-more-button:hover .button-icon{transform:translateY(3px)}.read-more-button:active{transform:translateY(0)}#full-content{opacity:0;transition:opacity .4s ease}#full-content.visible{opacity:1}@media screen and (max-width:768px){.homepage-hero{padding:60px 0 100px}.hero-content{gap:40px}.animated-text__title{font-size:2.5rem}.animated-text__description{font-size:1.2rem;padding:0 20px}.content-card__inner{padding:30px 20px}.content-preview{font-size:1rem}}.homepage-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 320%22%3E%3Cpath fill=%22%23fff%22 fill-opacity=%221%22 d=%22M0 96l48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16V320h-48c-48 0-144 0-240 0s-192 0-288 0-192 0-288 0-192 0-288 0-192 0-240 0H0z%22/%3E%3C/svg%3E");background-size:cover;background-position:50%}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.featured-section{background-color:var(--color-bg-featured);padding:60px 0;width:100vw;margin-left:calc(-50vw + 50%)}.featured-section .container-fluid{max-width:1400px;margin:0 auto;padding:0 30px}.featured-section__title{text-align:center;font-size:36px;margin-bottom:40px;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:2px}.featured-section__title .line{flex-grow:1;height:2px;background-color:var(--color-text-primary);margin:0 20px;max-width:100px}.featured-section__content{display:flex;justify-content:space-between;align-items:center}.featured-post{width:50%;padding-right:30px}.featured-post__image-container{background-color:var(--color-bg-card);padding:30px;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px var(--shadow-card)}.featured-post__image{width:100%;height:auto;border-radius:5px;transition:transform .3s ease}.featured-post__image-container:hover .featured-post__image{transform:scale(1.05)}.featured-post__info{width:45%;padding-left:30px}.featured-post__title{font-size:28px;margin-bottom:20px;color:var(--color-text-primary)}.featured-post__excerpt{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:20px}.featured-post__read-more{display:inline-block;padding:10px 20px;background-color:var(--color-primary);color:var(--color-text-hero);text-decoration:none;border-radius:5px;transition:background-color .3s ease}.featured-post__read-more:hover{background-color:var(--color-primary-dark)}@media screen and (max-width:992px){.featured-section__content{flex-direction:column}.featured-post,.featured-post__info{width:100%;padding:0}.featured-post__info{margin-top:30px}}@media screen and (max-width:768px){.featured-section__title{font-size:28px}.featured-section__title .line{max-width:60px}}.header-spacer{display:none}.featured-post-description{background-color:var(--color-bg-featured);padding:30px 0;overflow:hidden;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.featured-post-description__content{position:relative;width:100%;display:flex}@keyframes moveText{0%{transform:translateX(0)}50%{transform:translateX(-50%)}100%{transform:translateX(0)}}@media screen and (max-width:768px){.featured-post-description__text{font-size:16px}}.featured-post-description__text{overflow:hidden;border-right:.15em solid var(--color-text-primary);white-space:nowrap;animation:typing 25s steps(40,end)infinite,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}50%{width:100%}100%{width:0}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--color-text-primary)}}.page-grid{display:grid;gap:2rem;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.page-grid--first{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}.page-grid--second{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center}.page-grid--third{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}.page-grid__item{background-color:var(--color-bg-card);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;width:100%;max-width:320px;margin:0 auto}.page-grid__item:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--shadow-card)}.page-grid__link{text-decoration:none;color:inherit;flex-grow:1}.page-grid__content{padding:20px;position:relative;height:100%;display:flex;flex-direction:column}.page-grid__number{position:absolute;top:10px;left:10px;font-size:30px;font-weight:700;color:var(--number-light)}.page-grid__image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.page-grid__title{font-size:20px;margin-bottom:15px;color:var(--color-text-primary)}.page-grid__desc{font-size:16px;color:var(--color-text-secondary);margin-bottom:40px}.page-grid__button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:var(--color-primary);color:var(--color-text-hero);opacity:0;transform:translateY(10px);position:absolute;bottom:20px;left:50%;transform:translateX(-50%)translateY(20px);white-space:nowrap}.page-grid__item:hover .page-grid__button{opacity:1;transform:translateX(-50%)translateY(0)}.page-grid__button:hover{background-color:var(--color-primary-dark)}.page-grid+.page-grid{margin-top:3rem}@media(max-width:1200px){.page-grid--first,.page-grid--second,.page-grid--third{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid__item{max-width:300px}}@media(max-width:768px){.page-grid--first,.page-grid--second,.page-grid--third{grid-template-columns:minmax(0,1fr)}.page-grid__item{max-width:280px}}.animated-text{text-align:center;color:var(--color-text-hero)}.animated-text__title{font-size:4rem;font-weight:700;margin-bottom:1rem;opacity:0;transform:translateY(-20px);animation:fadeInDown 1s forwards}.animated-text__description{font-size:1.5rem;opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards .5s}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.container--outer{max-width:1200px;margin:0 auto;padding:80px 20px 0}.main--single{background-color:var(--color-bg-primary);padding:40px 0;min-height:100vh}.post{background-color:var(--color-bg-card);border-radius:12px;box-shadow:0 4px 8px var(--shadow-card);padding:41px;padding-top:55px;max-width:800px;margin:0 auto;position:relative;z-index:1}.post__header{margin-bottom:30px;position:relative;z-index:1}.post__title-wrapper{overflow:visible;position:relative;z-index:1}.post__title{font-size:2.5rem;color:var(--color-text-primary);margin-bottom:10px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}.post__meta{font-size:.9rem;color:var(--color-text-secondary)}.post__date{margin-right:10px}.post__category{background-color:var(--color-primary);color:var(--color-text-hero);padding:3px 8px;border-radius:3px;text-decoration:none;margin-right:5px}.post__thumbnail{margin-bottom:20px}.post__thumbnail img{max-width:100%;height:auto;border-radius:8px}.post__content{line-height:1.6;color:var(--color-text-primary)}.post__footer{margin-top:30px;border-top:1px solid var(--color-border);padding-top:20px}.post__tags{margin-bottom:15px}.post__tag{background-color:var(--color-bg-secondary);color:var(--color-text-primary);padding:3px 8px;border-radius:3px;text-decoration:none;margin-right:5px}.post__share{display:flex;align-items:center}.share-btn{margin-left:10px;padding:5px 10px;border-radius:3px;color:var(--color-text-hero);text-decoration:none}.share-btn.twitter{background-color:var(--color-twitter)}.share-btn.facebook{background-color:var(--color-facebook)}.share-btn.linkedin{background-color:var(--color-linkedin)}.post-nav{display:flex;justify-content:space-between;margin-top:40px}.post-nav__item{max-width:45%;text-decoration:none;color:var(--color-text-primary)}.post-nav__label{font-size:.9rem;color:var(--color-text-secondary)}.post-nav__title{font-weight:700}@media(max-width:768px){.post__title{font-size:2rem}.post-nav{flex-direction:column}.post-nav__item{max-width:100%;margin-bottom:20px}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.main.list{background-color:var(--color-bg-secondary);padding:40px 0}.main__header{text-align:center;margin-bottom:40px}.main__title{font-size:2.5rem;color:var(--color-primary);position:relative;display:inline-block}.main__title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--color-primary)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:20px}.post-card{background-color:var(--color-bg-card);border-radius:10px;overflow:hidden;box-shadow:0 4px 6px var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.post-card:hover{transform:translateY(-5px)rotate3d(1,1,0,2deg);box-shadow:0 8px 16px var(--shadow-card)}.post-card__image-wrapper{height:200px;overflow:hidden}.post-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-card__image{transform:scale(1.05)}.post-card__content{padding:20px}.post-card__title{font-size:1.5rem;margin-bottom:10px}.post-card__title a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.post-card__title a:hover{color:var(--color-primary-dark)}.post-card__meta{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:10px}.post-card__summary{font-size:1rem;color:var(--color-text-primary);margin-bottom:15px}.post-card__read-more{display:inline-block;padding:8px 15px;background-color:var(--color-primary);color:var(--color-text-hero);text-decoration:none;border-radius:5px;transition:background-color .3s ease}.post-card__read-more:hover{background-color:var(--color-primary-dark)}.pagination{display:flex;justify-content:center;margin-top:40px}.pagination__item{margin:0 5px}.pagination__link{display:block;padding:8px 12px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none;border-radius:5px;transition:background-color .3s ease,color .3s ease}.pagination__link:hover,.pagination__link--current{background-color:var(--color-primary);color:var(--color-text-hero)}@media screen and (max-width:768px){.post-grid{grid-template-columns:1fr}}.animated-background{background:linear-gradient(-45deg,var(--color-bg-secondary),var(--color-bg-featured),var(--color-bg-card),var(--color-bg-secondary));background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.post-card{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateY(-5px)rotate3d(1,1,0,2deg);box-shadow:0 8px 16px var(--shadow-card)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:20px}.main.list{background-color:transparent;padding:40px 0}.content-preview{position:relative;margin-bottom:20px}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,var(--color-overlay),var(--color-overlay-end));pointer-events:none}.read-more-button{display:block;margin:20px auto 0;padding:12px 30px;background-color:var(--color-primary);color:var(--color-text-hero);border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-button)}.read-more-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-button-hover)}.read-more-button:active{transform:translateY(0)}.homepage-content{padding:40px;max-height:100%;overflow:hidden}.homepage-content__inner{max-width:800px;margin:0 auto;color:var(--color-text-primary);font-size:1.1rem;line-height:1.8}#full-content{opacity:0;transition:opacity .3s ease}#full-content.visible{opacity:1}.post__content h1,.post__content h2,.post__content h3,.post__content h4,.post__content h5,.post__content h6{color:var(--color-text-primary);margin-bottom:1rem;margin-top:2rem}.post__content p{color:var(--color-text-primary);margin-bottom:1.5rem;line-height:1.8}.post__content a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.post__content a:hover{color:var(--color-primary-dark)}.post__content ul,.post__content ol{color:var(--color-text-primary);margin-bottom:1.5rem;padding-left:1.5rem}.post__content blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin:1.5rem 0;color:var(--color-text-secondary)}.post__content code{background-color:var(--color-bg-secondary);padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:var(--color-text-primary)}.post__content pre{background-color:var(--color-bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.post__content pre code{background-color:transparent;padding:0}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fa-spinner{animation:spin 1s linear infinite}.post__related{margin-top:3rem;padding:2rem;background:var(--color-bg-card);border-radius:12px;box-shadow:0 2px 8px var(--shadow-card)}.post__related h3{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.related-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-post{display:flex;gap:1rem;background:var(--color-bg-secondary);border-radius:8px;padding:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.related-post:hover{transform:translateY(-5px);box-shadow:0 4px 12px var(--shadow-card)}.related-post__image{flex:0 0 100px;height:100px;overflow:hidden;border-radius:6px}.related-post__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post:hover .related-post__image img{transform:scale(1.05)}.related-post__content{flex:1;display:flex;flex-direction:column;justify-content:center}.related-post__title{font-size:1rem;margin-bottom:.5rem;line-height:1.4}.related-post__title a{color:var(--color-text-primary);text-decoration:none;transition:color .3s ease}.related-post__title a:hover{color:var(--color-primary)}.related-post__date{font-size:.875rem;color:var(--color-text-secondary)}@media screen and (max-width:768px){.post__related{padding:1.5rem}.related-posts{grid-template-columns:1fr}.related-post__image{flex:0 0 80px;height:80px}}.thumbnail{position:relative;width:100%;margin:0;padding-top:66.67%;overflow:hidden}.thumbnail__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.featured-post__thumbnail{padding-top:56.25%}.list__thumbnail{padding-top:75%}.page-grid__image,.featured-post__image{aspect-ratio:attr(width)/attr(height);object-fit:cover}.thumbnail__image{opacity:0;transition:opacity .3s ease-in-out}.thumbnail__image.loaded{opacity:1}.social-icons-grid{display:flex;gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-sm,.5rem)}.social-icon,.footer__social-link{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary,#f8f9fa);transition:all .3s ease;cursor:default}.social-icon{width:var(--icon-size-lg,40px);height:var(--icon-size-lg,40px)}.footer__social-link{width:var(--icon-size-md,35px);height:var(--icon-size-md,35px)}.social-icon svg,.footer__social-link svg{fill:var(--text-primary,#333);transition:all .3s ease}.social-icon svg{width:var(--svg-size-lg,20px);height:var(--svg-size-lg,20px)}.footer__social-link svg{width:var(--svg-size-md,18px);height:var(--svg-size-md,18px)}.social-icon:hover,.footer__social-link:hover{background:var(--primary,#007bff)}.social-icon:hover svg,.footer__social-link:hover svg{fill:var(--text-hero,white)}.animate-grow{transition:transform .2s ease}.animate-grow:hover{transform:scale(1.1)}.follow-text{display:block;text-align:center;margin-bottom:var(--spacing-sm,.5rem);color:var(--text-primary,#333)}.footer__social{display:flex;gap:var(--spacing-md,1rem);justify-content:center;margin-top:var(--spacing-md,1rem)}.vintage{--icon-size-lg:45px;--icon-size-md:38px;--svg-size-lg:22px;--svg-size-md:20px;--spacing-md:1.2rem;--spacing-sm:0.6rem}.modern{--icon-size-lg:38px;--icon-size-md:32px;--svg-size-lg:18px;--svg-size-md:16px;--spacing-md:0.8rem;--spacing-sm:0.4rem}@media(prefers-color-scheme:dark){.social-icon,.footer__social-link{background:var(--bg-translucent,rgba(255,255,255,.1))}.social-icon svg,.footer__social-link svg{fill:var(--text-hero,white)}.follow-text{color:var(--text-hero,white)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}a:focus,button:focus{outline:3px solid var(--accent);outline-offset:2px}.skip-to-main{position:absolute;top:-999px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:1rem;z-index:9999;&:focus { top:0; }}.featured-post__read-more,.footer__button{display:inline-block;padding:10px 20px;font-weight:600;text-decoration:none;border-radius:5px;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease;color:#fff;background-color:var(--color-primary);box-shadow:0 2px 4px var(--shadow-button);&:focus-visible { outline:3px solid var(--color-primary); outline-offset:2px; } &:hover,&:focus { background-color:var(--color-primary-dark); transform:translateY(-1px); box-shadow:0 4px 8px var(--shadow-button-hover); } &:active { transform:translateY(0); box-shadow:0 1px 2px var(--shadow-button); }}[data-theme=dark]{.featured-post__read-more, .footer__button { background-color: var(--color-primary); color: #000000; &:hover, &:focus { background-color: var(--color-primary-dark); } }}@media(forced-colors:active){.featured-post__read-more,.footer__button{border:2px solid}}@media(prefers-reduced-motion:reduce){.featured-post__read-more,.footer__button{transition:none;transform:none!important}}