.blog{padding:100px 20px;background:linear-gradient(180deg,var(--dark) 0%,rgba(10,14,39,.95) 100%);position:relative;overflow:hidden}.blog:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,255,136,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,237,.03) 0%,transparent 50%);pointer-events:none}.blog-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.blog-header{text-align:center;margin-bottom:60px}.blog-subtitle{color:var(--text-gray);font-size:1.1rem;max-width:800px;margin:20px auto 0;line-height:1.6}.blog-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:15px}.blog-tab{padding:12px 30px;background:transparent;border:2px solid transparent;border-radius:25px;color:var(--text-gray);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif}.blog-tab:hover{color:var(--primary);border-color:#00ff884d}.blog-tab.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--dark);border-color:var(--primary)}.blog-controls{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.btn-secondary{padding:15px 35px;background:#ffffff0d;border:2px solid var(--primary);border-radius:50px;color:var(--primary);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px}.btn-secondary:hover{background:var(--primary);color:var(--dark);transform:translateY(-3px);box-shadow:0 10px 30px #0f86}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px;margin-bottom:60px}.blog-delete-btn{position:absolute;top:10px;right:10px;width:35px;height:35px;border-radius:50%;background:#ff3232e6;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;font-weight:700;line-height:1;cursor:pointer;z-index:10;transition:all .3s ease;display:none;align-items:center;justify-content:center;padding:0}.blog-delete-btn-visible{display:flex!important}.blog-delete-btn:hover{background:#ff1414;transform:scale(1.1);box-shadow:0 5px 20px #ff323280}.blog-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .4s ease;cursor:pointer;position:relative}.blog-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ff881a,#ff6bed1a);opacity:0;transition:opacity .4s ease;pointer-events:none}.blog-card:hover:before{opacity:1}.blog-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 60px #00ff884d}.blog-card-image{position:relative;width:100%;height:250px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-tags{position:absolute;top:15px;left:15px;display:flex;gap:10px;flex-wrap:wrap}.blog-tag{background:#00ff88e6;color:var(--dark);padding:5px 15px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Orbitron,sans-serif}.blog-card-content{padding:25px}.blog-meta{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;font-size:.85rem;color:var(--text-gray)}.blog-meta span{display:flex;align-items:center;gap:5px}.blog-title{font-size:1.4rem;color:var(--light);margin-bottom:15px;line-height:1.4;font-family:Orbitron,sans-serif;font-weight:700}.blog-excerpt{color:var(--text-gray);line-height:1.7;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.blog-read-more{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--dark);padding:10px 25px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-size:.9rem}.blog-read-more:hover{transform:scale(1.05);box-shadow:0 5px 20px #00ff8880}.blog-source{color:var(--secondary);font-size:.85rem;text-decoration:none;transition:color .3s ease}.blog-source:hover{color:var(--primary);text-decoration:underline}.blog-pagination{display:flex;justify-content:center;gap:20px;margin-top:60px}.pagination-btn{padding:12px 30px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:30px;color:var(--light);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif}.pagination-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--dark);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.custom-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease}.custom-modal-overlay.show{opacity:1}.custom-modal{background:linear-gradient(135deg,#0a0e27fa,#141831fa);border:2px solid var(--primary);border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #00ff884d;transform:scale(.9);transition:transform .3s ease}.custom-modal-overlay.show .custom-modal{transform:scale(1)}.custom-modal-content h3{color:var(--primary);font-family:Orbitron,sans-serif;font-size:1.8rem;margin-bottom:20px;text-align:center}.custom-modal-content p{color:var(--light);font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-align:center}.custom-modal-actions{display:flex;gap:15px;justify-content:center}.modal-btn{padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;border:2px solid;min-width:120px}.modal-btn-cancel{background:#ffffff0d;border-color:#ffffff4d;color:var(--light)}.modal-btn-cancel:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.modal-btn-confirm{background:#ff323233;border-color:#ff3232;color:#ff3232}.modal-btn-confirm:hover{background:#ff3232;color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #ff323266}.blog-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.blog-modal.active{display:flex;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.blog-modal-container{background:var(--dark);border:2px solid var(--primary);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.blog-modal-close{position:sticky;top:20px;right:20px;float:right;background:#ffffff1a;border:2px solid var(--primary);color:var(--primary);font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;margin:20px 20px 0 0}.blog-modal-close:hover{background:var(--primary);color:var(--dark);transform:rotate(90deg)}.blog-modal-content{padding:40px}.blog-post-full{color:var(--light)}.blog-post-image{width:100%;height:400px;object-fit:cover;border-radius:15px}.blog-post-header h1{font-size:2.5rem;color:var(--primary);margin-bottom:20px;font-family:Orbitron,sans-serif;line-height:1.3}.blog-post-header .blog-meta{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.blog-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.blog-post-content{font-size:1.1rem;line-height:1.8;color:var(--text-gray)}.blog-post-content p{margin-bottom:20px}.blog-post-content strong{color:var(--primary);font-weight:700}.blog-post-content em{color:var(--secondary);font-style:italic}.blog-post-source{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem}.blog-post-source a{color:var(--primary);text-decoration:none}.blog-post-source a:hover{text-decoration:underline}.blog-loading,.blog-error,.no-posts{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;color:var(--text-gray);min-height:calc(100vh - 400px)}.blog-loading p{font-size:1.1rem;margin-top:20px;color:var(--primary);font-weight:500;max-width:500px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,255,136,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.blog-error p,.no-posts p{font-size:1.2rem;margin-bottom:25px}.blog-notification{position:fixed;bottom:-100px;right:30px;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--dark);padding:20px 30px;border-radius:15px;font-weight:600;z-index:10001;transition:bottom .3s ease;box-shadow:0 10px 40px #00ff8880;font-family:Orbitron,sans-serif}.blog-notification.show{bottom:30px}@media(max-width:1200px){.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}}@media(max-width:768px){.blog{padding:60px 15px}.blog-container{padding:0 10px}.blog-posts-grid{grid-template-columns:1fr;gap:20px;padding:0}.blog-subtitle{font-size:1rem;text-align:center}.blog-tabs{flex-direction:row;gap:10px;justify-content:center;flex-wrap:wrap;padding-bottom:15px}.blog-tab{padding:10px 20px;font-size:.9rem;flex:1;max-width:160px;text-align:center}.blog-controls{flex-direction:row;gap:10px;justify-content:center;margin-bottom:30px}.blog-controls button{flex:1;max-width:150px;padding:12px 20px;font-size:.9rem}.blog-card{margin:0 auto;max-width:100%}.blog-card-image{height:200px}.blog-card-content{padding:20px}.blog-title{font-size:1.2rem}.blog-card-actions{flex-direction:column;align-items:stretch}.blog-read-more{width:100%}.blog-modal-content{padding:20px}.blog-post-image{height:250px}.blog-post-header h1{font-size:1.8rem}.blog-post-content{font-size:1rem}.blog-pagination{flex-wrap:wrap;gap:10px;margin-top:40px}.pagination-btn{padding:10px 20px;font-size:.85rem}.pagination-info{width:100%;text-align:center;order:-1}.blog-notification{left:20px;right:20px}.blog-notification.show{bottom:20px}}@media(max-width:480px){.blog-container{padding:0 5px}.blog-tabs{gap:8px}.blog-tab{padding:8px 15px;font-size:.8rem;max-width:140px}.blog-controls{gap:8px}.blog-controls button{padding:10px 15px;font-size:.8rem;max-width:130px}.blog-posts-grid{gap:15px}.blog-card-content{padding:15px}.blog-meta{flex-direction:column;gap:5px;font-size:.8rem}.blog-title{font-size:1.1rem}.blog-excerpt{font-size:.9rem;-webkit-line-clamp:2}.blog-card-actions{flex-direction:column}.blog-read-more{width:100%;font-size:.85rem;padding:10px 20px}.blog-card-tags{top:10px;left:10px}.blog-tag{padding:4px 10px;font-size:.65rem}.pagination-btn{padding:8px 15px;font-size:.8rem}.pagination-info{font-size:.85rem}}