.magazine-banner{position:relative;background:#06150f;padding:120px 0 180px;overflow:hidden}.magazine-banner::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:100px;background:#fff;clip-path:polygon(0% 30%,3% 15%,8% 35%,12% 10%,18% 40%,24% 15%,30% 35%,36% 10%,42% 45%,48% 20%,55% 40%,62% 15%,68% 35%,74% 10%,82% 40%,88% 20%,94% 35%,100% 15%,100% 100%,0% 100%)}.banner-container{display:flex;align-items:center;gap:60px;max-width:1100px;margin:0 auto;position:relative;z-index:5}.banner-content h1{font-family:font-nature,italic;font-size:clamp(2.2rem, 8vw, 3.1rem);color:#fff;text-transform:uppercase;letter-spacing:-3px;line-height:.9;margin:0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.article-content h2,.faq-header h3{font-family:font-nature,italic;color:#064e3b;text-transform:uppercase}.magazine-nav-pill{display:inline-flex;background:rgba(255,255,255,.06);padding:8px 24px;border-radius:100px;margin-top:30px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.article-main{background:#fff;border-radius:4rem;padding:60px;box-shadow:0 20px 50px rgba(0,0,0,.03);border:1px solid #f8fafc}.article-content{font-size:1.25rem;line-height:2;color:#334155;overflow-wrap:break-word;word-wrap:break-word}.article-content p{margin-bottom:2.5rem}.article-content h2{font-size:2.5rem;margin:4rem 0 1.5rem;line-height:1}.article-content img{border-radius:3rem;margin:3rem 0;box-shadow:0 30px 60px rgba(0,0,0,.1);border:10px solid #fff;max-width:100%;height:auto}.magazine-sidebar{position:sticky;top:40px;z-index:10}.sidebar-glass-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);transition:.4s cubic-bezier(.4, 0, .2, 1)}.sidebar-glass-card:hover{background:#fff;border-color:#10b981;box-shadow:0 25px 50px -12px rgba(0,0,0,.05)}.category-badge{background:linear-gradient(135deg,#064e3b 0,#065f46 100%)}.floating-icon{animation:3s ease-in-out infinite floating}@keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.faq-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #f1f5f9}.faq-header h3{font-size:2rem;margin-bottom:1.5rem}.faq-item{background:#fff;border:2px solid #064e3b;margin-bottom:1rem;border-radius:1.5rem;overflow:hidden;transition:.3s;box-shadow:4px 4px 0 #064e3b}.faq-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #10b981}.faq-question{padding:1.2rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question h4{pointer-events:none}.faq-icon{width:22px;height:22px;background:#064e3b;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;transition:.3s}.faq-item.active .faq-icon{transform:rotate(180deg);background:#10b981}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0, 1, 0, 1);background:#fcfdfd}.faq-item.active .faq-answer{max-height:1000px;border-top:1px solid #f1f5f9}.faq-content{padding:1.5rem;font-size:14px;color:#475569;line-height:1.6}@media (max-width:768px){.article-main{padding:30px 20px;border-radius:2rem}.banner-container{gap:20px;text-align:center;justify-content:center}.magazine-banner{padding:80px 0 120px}.article-content{font-size:1.1rem;line-height:1.7}.article-content h2{font-size:1.8rem;margin:2.5rem 0 1rem}.article-content img{border-radius:1.5rem;border-width:4px;margin:1.5rem 0}.magazine-sidebar{position:static;margin-top:3rem}#comments-section h2{font-size:1.8rem}.bg-emerald-50{padding:20px;border-radius:2rem}}