.profile-page{background:linear-gradient(135deg,#e0e7ff,#ffffff);min-height:100vh;font-family:Inter,sans-serif}.profile-image{width:140px;height:140px;border-radius:50%;object-fit:cover}.back-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.content{max-width:1200px;margin:0 auto;padding:24px 16px}.controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.search-input,.sort-select{border:1px solid #d1d5db;border-radius:6px;padding:10px 14px;font-size:14px;transition:all .3s ease}.search-input:focus,.sort-select:focus{outline:none;border-color:#9100b8;box-shadow:0 0 0 3px rgba(145,0,184,.2)}.search-input{width:100%;max-width:300px}.sort-select{width:100%;max-width:200px}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.blog-card{position:relative;width:100%;height:280px;max-width:320px;overflow:hidden;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .4s ease-in-out;cursor:pointer}.blog-card:hover{transform:scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.2)}.blog-image{width:100%;height:100%;background-size:cover;background-position:50%;filter:brightness(50%);transition:filter .4s ease-in-out}.blog-card:hover .blog-image{filter:brightness(80%)}.blog-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:rgba(104,95,95,.293);backdrop-filter:blur(5px);border-radius:12px;margin:12px;z-index:10}.blog-title{font-size:18px;font-weight:600;color:#f3e8ff;margin-bottom:8px;text-decoration:none;display:block}.blog-date{font-size:14px;color:#e5e7eb;margin-bottom:8px}.empty-state,.loader-container{min-height:300px;display:flex;align-items:center;justify-content:center}.empty-state p{font-size:18px;color:#0753ec}@media (max-width:640px){.blog-card{max-width:100%;height:240px}.search-input,.sort-select{width:100%}}