.home-container{max-width:1100px;margin:auto;padding:20px}.home-hero{text-align:center;margin-bottom:40px}.home-hero h1{font-size:36px;font-weight:800;margin-bottom:10px}.home-hero h1 span{color:#4f46e5}.home-hero p{color:#64748b;margin-bottom:20px}.home-search{width:100%;max-width:500px;padding:14px;border-radius:999px;border:1px solid #e5e7eb;font-size:15px;outline:none}.home-search:focus{border-color:#4f46e5}.home-blogs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.home-blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #00000014;transition:transform .3s,box-shadow .3s}.home-blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #0000001f}.home-blog-card img{width:100%;height:200px;object-fit:cover}.home-blog-content{padding:18px}.home-blog-content h2{font-size:20px;margin-bottom:8px}.home-desc{color:#64748b;margin-bottom:14px}.home-blog-footer{display:flex;justify-content:space-between;align-items:center}.home-author{font-size:14px;color:#475569}.read-btn{font-weight:600;color:#4f46e5}.home-pagination{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:14px}.home-pagination button{padding:8px 16px;border-radius:999px}.home-info{text-align:center;color:#64748b;grid-column:1 / -1}@media(max-width:600px){.home-hero h1{font-size:26px}.home-search{padding:12px}}.blog-detail-container{max-width:900px;margin:40px auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 20px 40px #00000014}.blog-detail-image{width:100%;max-height:380px;object-fit:cover;border-radius:16px;margin-bottom:25px}.blog-header h1{font-size:34px;font-weight:800;margin-bottom:10px}.blog-meta{display:flex;gap:14px;margin-bottom:20px}.blog-author{font-size:14px;background:#eef2ff;color:#4f46e5;padding:6px 12px;border-radius:999px;font-weight:600}.blog-content{font-size:17px;line-height:1.8;color:#374151;margin-bottom:30px}.blog-actions{display:flex;gap:14px;margin-bottom:30px}.edit-btn{background:#eef2ff;color:#4f46e5;padding:10px 18px;border-radius:10px;font-weight:600}.delete-btn{background:#fee2e2;color:#b91c1c;padding:10px 18px;border-radius:10px;border:none;font-weight:600;cursor:pointer}.delete-btn:hover{background:#fecaca}.blog-loading{text-align:center;margin-top:80px;color:#64748b}@media(max-width:600px){.blog-detail-container{margin:20px 10px;padding:20px}.blog-header h1{font-size:26px}}.login-wrapper{min-height:80vh;display:flex;justify-content:center;align-items:center}.login-box{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 20px 40px #0000001a}.login-box h2{font-size:26px;font-weight:800;margin-bottom:6px}.login-sub{color:#64748b;margin-bottom:24px;font-size:14px}.login-box input{width:100%;padding:14px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:14px;font-size:15px}.login-box input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.login-box button{width:100%;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff}.login-box button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:20px;text-align:center;font-size:14px}.login-footer a{color:#4f46e5;font-weight:600}@media(max-width:600px){.login-box{margin:20px;padding:24px}.login-box h2{font-size:22px}}.register-wrapper{min-height:80vh;display:flex;justify-content:center;align-items:center}.register-box{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 20px 40px #0000001a}.register-box h2{font-size:26px;font-weight:800;margin-bottom:6px}.register-sub{color:#64748b;margin-bottom:24px;font-size:14px}.register-box input{width:100%;padding:14px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:14px;font-size:15px}.register-box input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.register-box button{width:100%;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff}.register-box button:disabled{opacity:.6;cursor:not-allowed}.register-footer{margin-top:20px;text-align:center;font-size:14px}.register-footer a{color:#4f46e5;font-weight:600}@media(max-width:600px){.register-box{margin:20px;padding:24px}.register-box h2{font-size:22px}}.create-container{max-width:800px;margin:40px auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 20px 40px #00000014}.create-container h2{margin-bottom:20px;font-size:28px;font-weight:800}.create-form input,.create-form textarea{width:100%;padding:14px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:12px;font-size:15px}.create-form textarea{resize:vertical}.create-form small{color:#64748b;display:block;margin-bottom:16px}.create-form button{width:100%;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none}.create-form button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.create-container{margin:20px 10px;padding:20px}.create-container h2{font-size:22px}}.edit-container{max-width:800px;margin:40px auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 20px 40px #00000014}.edit-container h2{margin-bottom:20px;font-size:28px;font-weight:800}.edit-form input,.edit-form textarea{width:100%;padding:14px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:12px;font-size:15px}.edit-form textarea{resize:vertical}.edit-form small{color:#64748b;display:block;margin-bottom:16px}.image-upload{display:inline-block;background:#eef2ff;color:#4f46e5;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;margin-bottom:15px}.image-preview{width:100%;max-height:280px;object-fit:cover;border-radius:14px;margin-bottom:20px}.edit-form button{width:100%;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none}.edit-form button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.edit-container{margin:20px 10px;padding:20px}.edit-container h2{font-size:22px}}.nav-wrapper{position:sticky;top:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.nav-container{max-width:1100px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:22px;font-weight:800;color:#4f46e5}.nav-logo span{color:#111827}.nav-center{display:flex;gap:24px}.nav-center a{font-weight:500;color:#374151;position:relative}.nav-center a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:#4f46e5;transition:width .3s ease}.nav-center a:hover:after{width:100%}.nav-right{display:flex;align-items:center;gap:14px}.nav-user{font-weight:500;color:#1f2937}.nav-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;padding:8px 16px;border-radius:999px;border:none;cursor:pointer;font-weight:500}.nav-btn:hover{opacity:.9}.nav-link{font-weight:500;color:#374151}@media(max-width:768px){.nav-container{flex-direction:column;gap:12px}.nav-center{gap:16px}}:root{--primary: #4f46e5;--primary-dark: #4338ca;--bg: #f8fafc;--card-bg: #ffffff;--text-dark: #0f172a;--text-light: #64748b;--border: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:linear-gradient(120deg,#f8fafc,#eef2ff);color:var(--text-dark)}a{color:var(--primary);text-decoration:none}.container{max-width:960px;margin:auto;padding:24px}.form-box{background:var(--card-bg);max-width:440px;margin:60px auto;padding:30px;border-radius:14px;box-shadow:0 20px 40px #00000014;animation:fadeUp .6s ease}.form-box h2{text-align:center;margin-bottom:25px}input,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border);margin-bottom:14px;transition:border .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526;outline:none}.blog-card{background:var(--card-bg);padding:22px;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 25px #0000000f;transition:transform .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000001a}.blog-card h2{margin-bottom:8px}.blog-image{width:100%;max-height:320px;object-fit:cover;border-radius:14px;margin-bottom:18px}.comment-box{background:#f1f5ff;padding:14px;border-radius:10px;margin-bottom:12px}.comment-box b{color:var(--primary-dark)}button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:500;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e566}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{flex-wrap:wrap}.container{padding:14px}.form-box{margin:30px 12px}button{width:100%}}