@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #10b981;--accent: #f43f5e;--bg-main: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--header-bg: rgba(255, 255, 255, .7);--radius-lg: 12px;--radius-md: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Outfit,sans-serif;line-height:1.2}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}header{background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center}header h1{color:var(--text-main);font-size:1.6rem;font-weight:800;letter-spacing:-.04em;text-transform:uppercase}header h1 span{color:var(--primary);font-weight:300}nav{display:flex;align-items:center;gap:1rem}nav a,nav button{text-decoration:none;color:var(--text-muted);font-weight:500;transition:var(--transition);font-size:.95rem}nav a:hover{color:var(--primary)}nav button{background:none;border:none;cursor:pointer;color:var(--accent)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem 0 4.5rem}.article-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.article-card img{width:100%;height:220px;object-fit:cover;transition:var(--transition)}.article-card:hover img{scale:1.05}.article-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.article-content h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-main);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{font-size:.85rem;color:var(--text-muted);margin-top:auto}.single-article{background:var(--white);padding:3rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin:2rem auto;max-width:800px}.article-header-image{width:100%;margin-top:1rem;margin-bottom:2.5rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.article-header-image img{width:100%;height:auto;max-height:500px;object-fit:cover;display:block}.single-article h1{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:-.03em}.single-article .article-meta{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.article-block{margin-bottom:2rem}.block-text{line-height:1.8;color:#334155;font-size:1.15rem}.block-text p{margin-bottom:1.5rem}.block-image img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.video-container{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--primary);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition)}.btn-primary:hover{background-color:var(--primary-hover);transform:scale(1.02)}.btn-secondary{background-color:var(--secondary);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition)}.btn-secondary:hover{filter:brightness(1.1);transform:scale(1.02)}.hidden{display:none!important}@media(max-width:768px){.single-article{padding:2rem 1rem;border-radius:0;margin:0;border:none}#latest-news h2{font-size:1.8rem}.articles-grid{padding-top:1.5rem}}.admin-edit-floating-btn{position:fixed;bottom:2rem;right:2rem;background:var(--primary);color:#fff;padding:12px 20px;border-radius:50px;box-shadow:0 4px 12px #4f46e54d;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px;z-index:1000;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.admin-edit-floating-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566;background:var(--primary-hover)}.edit-mode .single-article h1,.edit-mode .block-text{border:1px dashed var(--primary);padding:5px;border-radius:4px;outline:none;background:#4f46e50d}.delete-block-btn{position:absolute;top:-10px;right:-10px;background:#ef4444;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #0000001a;z-index:10}.delete-block-btn:hover{background:#dc2626;transform:scale(1.1)}.admin-edit-floating-btn.saving{background:#10b981}@media(max-width:768px){.admin-edit-floating-btn{bottom:1.5rem;right:1.5rem;padding:10px 16px;font-size:.9rem}}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:#111827e6;color:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 10px 25px #0003;font-weight:500;font-size:.95rem;z-index:2000;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1}.toast-notification.success{border-left:4px solid #10b981}.toast-notification.error{border-left:4px solid #ef4444}#latest-news h2{margin:2.5rem 0 1.5rem;font-size:2rem}.search-container{margin-bottom:2rem;position:relative;max-width:480px}.search-input{width:100%;padding:12px 20px 12px 48px;border-radius:50px;border:1px solid var(--border-color);font-size:1rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 16px center;background-size:20px;transition:var(--transition);outline:none;box-shadow:var(--shadow-sm)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}.load-more-container{text-align:center;margin-top:3rem;margin-bottom:2rem}.load-more-btn{background:#fff;color:var(--text-main);border:1px solid var(--border-color);padding:10px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.load-more-btn:hover{background:var(--bg-main);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary);color:var(--primary)}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:transparent}.category-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.filter-chip{padding:8px 16px;border-radius:50px;border:1px solid var(--border-color);background:#fff;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition)}.filter-chip:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}