#blog-container{max-width:80rem;margin:0 auto;padding:2rem 1rem;animation:fade-in .6s ease-in .2s backwards}.blog-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1b1917}.blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:#1b1917;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-.25rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.15)}.blog-card-image{width:100%;aspect-ratio:1248/511;overflow:hidden;background-color:#f3f4f6}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-card-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;color:#1b1917}.blog-card-featured .blog-card-title{font-size:1.5rem}.blog-card-spot{font-size:.875rem;line-height:1.5;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-date{font-size:.875rem;color:#9ca3af;margin-top:auto}.no-blogs{text-align:center;font-size:1.125rem;color:#6b7280;padding:3rem 1rem}.pagination{margin-top:3rem;display:flex;justify-content:center}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;text-decoration:none;color:#4b5563;background-color:#e5e7eb;border:none;border-radius:50%;font-weight:500;font-size:1rem;transition:all .2s ease;cursor:pointer}.pagination-button:hover:not(.pagination-button-disabled):not( .pagination-button-active ){background-color:#d1d5db;transform:scale(1.05)}.pagination-button-active{background-color:#3b82f6;color:#fff;cursor:default}.pagination-button-disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-button svg{flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media(min-width:48rem){#blog-container{padding:3rem 1rem}.blog-title{font-size:3rem}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card-featured{grid-column:span 2}.blog-card-featured .blog-card-title{font-size:2rem}.blog-card-title{font-size:1.25rem}}@media(min-width:64rem){.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card-featured{grid-column:span 3;flex-direction:row}.blog-card-featured .blog-card-image{width:50%;aspect-ratio:1248/511}.blog-card-featured .blog-card-content{width:50%;padding:2rem}}@media(max-width:48rem){.blog-title{font-size:2rem}.blog-card-title{font-size:1rem}.blog-card-featured .blog-card-title{font-size:1.25rem}.blog-card-content{padding:1rem}.pagination-button{width:2.5rem;height:2.5rem;font-size:.875rem}.pagination-button svg{width:1rem;height:1rem}}@media(prefers-color-scheme:dark){.blog-title,.blog-card-title{color:#f9fafb}.blog-card{background-color:#1b1917;color:#f9fafb}.blog-card:hover{box-shadow:0 .25rem .5rem rgba(0,0,0,.3)}.blog-card-image{background-color:#1b1917}.blog-card-spot{color:#d1d5db}.blog-card-date{color:#9ca3af}.no-blogs{color:#9ca3af}.pagination-button{background-color:#1b1917;color:#d1d5db}.pagination-button:hover:not(.pagination-button-disabled):not( .pagination-button-active ){background-color:#4b5563}.pagination-button-active{background-color:#3b82f6;color:#fff}.pagination-button-disabled{background-color:#1b1917;color:#6b7280}}/* Built with Go by Furkan Baytekin */