.skeleton{background:#1a1a1a;border-radius:8px;overflow:hidden}.skeleton-img{height:200px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-text{height:12px}.skeleton-text,.skeleton-title{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-title{height:20px}.skeleton-excerpt{height:16px;border-radius:4px}.skeleton-excerpt,.skeleton-search{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-search{height:45px;border-radius:25px;max-width:400px}.skeleton-buttons{height:35px;border-radius:4px;width:100%}.skeleton-buttons,.skeleton-input{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-input{height:40px;border-radius:20px}.skeleton-content{height:100px;border-radius:4px}.skeleton-content,.skeleton-image{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-image{height:300px;border-radius:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-empty,.blog-loading,.blog-post-error,.blog-post-loading,.blog-post-not-found{min-height:400px;display:flex;align-items:center;justify-content:center}.blog-empty .container,.blog-loading .container,.blog-post-error .container,.blog-post-loading .container,.blog-post-not-found .container{text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{padding:15px;border-radius:8px;margin-bottom:20px}.alert-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981}.alert-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px 15px;color:#fff;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.5)}.butn:disabled{opacity:.6;cursor:not-allowed}.sidebar{position:-webkit-sticky;position:sticky;top:100px}.widget{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:30px;margin-bottom:30px}.blog-filters{border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:40px}.search-box{position:relative;max-width:400px}.search-box input{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:25px;padding:12px 50px 12px 20px;color:#fff;font-size:14px}.search-box input::placeholder{color:hsla(0,0%,100%,.5)}.search-box .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5);font-size:16px}.category-buttons,.tag-buttons{display:flex;flex-wrap:wrap;gap:10px}.category-btn,.tag-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:8px 16px;color:hsla(0,0%,100%,.7);font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.category-btn:hover,.tag-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.category-btn.active,.tag-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.clear-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:6px 12px;color:hsla(0,0%,100%,.6);font-size:11px;cursor:pointer;transition:all .3s ease}.clear-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}@media (max-width:768px){.sidebar{position:static;margin-top:50px}.category-buttons,.tag-buttons{gap:8px}.category-btn,.tag-btn{padding:6px 12px;font-size:11px}.search-box{max-width:100%}.blog-filters{padding-bottom:20px}}.whatsapp-button{position:fixed;bottom:30px;right:30px;z-index:9999;background:#25d366;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:box-shadow .2s,transform .2s;cursor:pointer}.whatsapp-button:hover{box-shadow:0 8px 24px rgba(0,0,0,.25);transform:scale(1.08)}