.blog-page{background-color:#f0f4f8;min-height:100vh}.blog-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:100px 24px 80px;text-align:center;border-radius:0 0 40px 40px;margin-bottom:-60px;box-shadow:0 20px 25px -5px #0000001a;position:relative;z-index:1}.blog-hero h1{font-size:3.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:20px;background:linear-gradient(to right,#fff,#93c5fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-hero p{font-size:1.25rem;color:#cbd5e1;max-width:650px;margin:0 auto;line-height:1.6}.blog-main{max-width:1200px;margin:0 auto;padding:80px 24px;position:relative;z-index:2}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:40px}.blog-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.8);padding:0;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 15px -3px #0000000d;overflow:hidden;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-10px);box-shadow:0 25px 30px -5px #0000001a,0 10px 15px -5px #0000000f;background:#fff}.blog-card-image{height:240px;width:100%;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-content{padding:28px;display:flex;flex-direction:column;flex-grow:1}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.blog-category{padding:6px 14px;border-radius:20px;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.blog-date{color:#94a3b8;font-size:.85rem;font-weight:600}.blog-card h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card p{color:#475569;line-height:1.6;font-size:1.05rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #f1f5f9}.blog-author{font-size:.9rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:10px}.read-more-btn{color:#2563eb;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:4px;transition:gap .2s,color .2s}.blog-card:hover .read-more-btn{gap:8px;color:#1d4ed8}@media(max-width:768px){.blog-hero h1{font-size:2.5rem}.blog-hero p{font-size:1.1rem}.blog-main{padding:40px 20px}.blog-grid{grid-template-columns:1fr;gap:30px}}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid #e2e8f0}.pagination-btn{background:#fff;border:1px solid #e2e8f0;padding:10px 20px;border-radius:12px;font-weight:600;color:#1e3a8a;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.pagination-btn,.pagination-number,.blog-page,.blog-main,.blog-grid,.blog-card,a{outline:none!important}.pagination-btn:focus-visible,.pagination-number:focus-visible,.blog-card:focus-visible{box-shadow:0 0 0 3px #3b82f666}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#2563eb;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:10px}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:10px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.pagination-number:hover{border-color:#3b82f6;color:#2563eb}.pagination-number.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 10px #3b82f64d}