@charset "UTF-8";.carousel-container{--carousel-aspect-ratio: 16 / 9;--carousel-transition-duration: .7s;position:relative;width:100%;margin:1.5rem auto}.carousel-slides{position:relative;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;aspect-ratio:var(--carousel-aspect-ratio);background-color:#252525}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--carousel-transition-duration) ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.carousel-button:hover{background-color:#000c}.carousel-button.prev{left:.5rem}.carousel-button.next{right:.5rem}.carousel-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.5rem}.dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0;transition:background-color .2s ease}.dot.active{background-color:#fff}@media(min-width:768px){.carousel-container{max-width:800px}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.dot:hover{background-color:#fffc}}.blog-post-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;min-height:80vh}.post-detail-layout{display:flex;flex-direction:column;gap:3rem}@media(min-width:1024px){.post-detail-layout{flex-direction:row;align-items:flex-start;gap:5rem}}.post-visual-side{width:100%}@media(min-width:1024px){.post-visual-side{flex:1.8;position:sticky;top:100px}}.post-visual-side .navigation-wrapper-simple{margin-top:2rem;width:100%}.post-visual-side .visit-button-full{display:block;width:100%;background-color:#6bbf5b;color:#121212;text-align:center;padding:1.2rem;border-radius:12px;font-weight:900;text-decoration:none;font-size:1.1rem;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 20px #6bbf5b33}.post-visual-side .visit-button-full:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6bbf5b66}.post-info-side{width:100%}@media(min-width:1024px){.post-info-side{flex:1;min-width:350px}}.post-info-side .post-header{margin-bottom:2rem}.post-info-side .post-header .post-title{font-family:Anton,sans-serif;font-size:3rem;color:#fff;line-height:1.1;margin-bottom:.5rem}.post-info-side .post-header .post-date{color:#6bbf5b;font-weight:700;font-size:.9rem}.post-description-lead{font-size:1.2rem;color:#6bbf5b;line-height:1.6;margin-bottom:2.5rem;font-style:italic;padding-left:1rem;border-left:3px solid #6BBF5B}.post-main-content{color:#e0e0e0;line-height:1.8;font-size:1.1rem}.post-main-content h3{color:#fff;font-family:Anton,sans-serif;font-size:1.8rem;margin:2.5rem 0 1rem}.post-main-content p{margin-bottom:1.5rem}.tags-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #222}.tags-container-flex{display:flex;flex-wrap:wrap;gap:.6rem}.tag-pill{color:#888;background:#1a1a1a;border:1px solid #333;padding:.4rem .8rem;border-radius:6px;font-size:.7rem;font-weight:700;text-decoration:none}.tag-pill:hover{border-color:#6bbf5b;color:#fff}.support-section{margin-top:2.5rem;padding:1.8rem 1.5rem;background:linear-gradient(145deg,#1a1a1a99,#12121266);border:1px solid rgba(255,255,255,.05);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem;box-shadow:0 10px 30px #0003;transition:transform .3s ease,border-color .3s ease}.support-section:hover{border-color:#6bbf5b4d;transform:translateY(-2px)}.support-section .support-text{font-size:1.05rem;font-weight:400;color:#b0b0b0;line-height:1.5;margin:0}.support-section .support-text strong{color:#6bbf5b;font-weight:600}.support-section .kofi-button{display:inline-block;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s ease}.support-section .kofi-button img{display:block;border-radius:8px}.support-section .kofi-button:hover{transform:scale(1.08);filter:drop-shadow(0 4px 12px rgba(255,94,91,.4))}.support-section .kofi-button:active{transform:scale(.95)}