*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:20px}.header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);text-align:center;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.back-btn{position:absolute;top:30px;left:30px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.page-title{font-size:36px;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.page-title .icon-unaffected{-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;color:#000}.page-subtitle{color:#666;font-size:18px}.search-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 10px 30px #00000014;border:1px solid rgba(255,255,255,.2);animation:slideUp .6s ease-out .2s both}.search-bar{display:flex;gap:15px;margin-bottom:20px}.search-input{flex:1;padding:15px 20px;border:2px solid #e9ecef;border-radius:15px;font-size:16px;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 25px;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.filter-tags{display:flex;flex-wrap:wrap;gap:10px}.filter-tag{background:#f8f9fa;color:#666;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;border:2px solid transparent}.filter-tag:hover,.filter-tag.active{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;animation:slideUp .6s ease-out .4s both}.blog-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #00000014;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-decoration:none;color:inherit;display:block;position:relative}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);background-size:300% 100%;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .3s ease}.blog-card:hover:before{opacity:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.blog-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.blog-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{padding:25px}.blog-meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:14px;color:#666}.blog-category{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.blog-date{display:flex;align-items:center;gap:5px}.blog-title{font-size:22px;font-weight:700;margin-bottom:12px;color:#333;line-height:1.3}.blog-excerpt{color:#666;font-size:15px;line-height:1.6;margin-bottom:20px}.blog-footer{display:flex;justify-content:space-between;align-items:center}.read-more{color:#667eea;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.read-more:hover{color:#764ba2;transform:translate(3px)}.blog-stats{display:flex;gap:15px;font-size:14px;color:#999}.blog-stat{display:flex;align-items:center;gap:5px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px;animation:slideUp .6s ease-out .6s both}.page-btn{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#666;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease}.page-btn:hover,.page-btn.active{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.container{padding:15px}.header{padding:20px}.back-btn{position:relative;top:auto;left:auto;margin-bottom:20px;align-self:flex-start}.page-title{font-size:28px}.search-bar{flex-direction:column}.blog-grid{grid-template-columns:1fr}.filter-tags{justify-content:center}}