@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827cc;--bg-card-hover:#1f2937e6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--border-primary:#94a3b81a;--border-hover:#3b82f64d;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #3b82f626}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;background:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;padding:0}body:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 80%,#10b9811a 0,#0000 50%);height:100vh;width:100vw;z-index:-2}body:after,body:before{content:"";left:0;position:fixed;top:0}body:after{animation:shimmer 15s linear infinite;background:linear-gradient(45deg,#0000 30%,#3b82f608 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#8b5cf608 50%,#0000 70%);height:100%;width:100%;z-index:-1}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hero-title{-webkit-text-fill-color:#0000;animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.hero-subtitle{animation:slideInUp .8s ease-out .2s both;color:#94a3b8;color:var(--text-secondary);font-size:clamp(1rem,3vw,1.25rem);margin-bottom:2rem}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827cc;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.glass-card:hover{background:#1f2937e6;background:var(--bg-card-hover);border-color:#3b82f64d;border-color:var(--border-hover);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 20px #3b82f626;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.search-container{animation:slideInUp .8s ease-out .4s both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827cc;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.search-input-wrapper{margin-bottom:1rem;position:relative}.search-input{background:#111827;background:var(--bg-secondary);border:2px solid #94a3b81a;border:2px solid var(--border-primary);border-radius:12px;color:#f8fafc;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{background:#0a0e1a;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#64748b;color:var(--text-muted);font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-btn{background:#0000;border:2px solid #94a3b81a;border:2px solid var(--border-primary);border-radius:25px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{color:#f8fafc;color:var(--text-primary);transform:translateY(-1px)}.filter-btn.active,.filter-btn:hover{border-color:#3b82f6;border-color:var(--accent-primary)}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);box-shadow:0 0 20px #3b82f626;box-shadow:var(--shadow-glow);color:#fff}.posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding-bottom:2rem}.post-card{animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827cc;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover{border-color:#3b82f64d;border-color:var(--border-hover);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 20px #3b82f626;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-8px) scale(1.02)}.post-card-media{background:#111827;background:var(--bg-secondary);height:200px;overflow:hidden;position:relative}.post-card-media img,.post-card-media video{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-card:hover .post-card-media img,.post-card:hover .post-card-media video{transform:scale(1.05)}.post-card-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .3s ease}.post-card:hover .post-card-actions{opacity:1}.action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;height:2rem;transition:all .2s ease;width:2rem}.action-btn:hover{background:#3b82f6;background:var(--accent-primary);transform:scale(1.1)}.action-btn.delete:hover{background:#ef4444;background:var(--error)}.post-card-content{padding:1.5rem}.post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f8fafc;color:var(--text-primary);display:-webkit-box;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;overflow:hidden}.post-meta{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.category-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.post-date{color:#64748b;color:var(--text-muted)}.post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#94a3b8;color:var(--text-secondary);display:-webkit-box;line-height:1.5;margin-bottom:1rem;overflow:hidden}.post-card-footer{align-items:center;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding-top:1rem}.read-more-btn{color:#3b82f6;color:var(--accent-primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.read-more-btn:hover{color:#8b5cf6;color:var(--accent-secondary);text-decoration:underline}.post-actions{align-items:center;display:flex;gap:1rem}.like-btn,.share-btn{align-items:center;background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;transition:all .2s ease}.like-btn.liked,.like-btn:hover{color:#ef4444;color:var(--error)}.share-btn:hover{color:#3b82f6;color:var(--accent-primary)}.empty-state{animation:fadeIn .6s ease-out;padding:4rem 2rem;text-align:center}.empty-icon{color:#64748b;color:var(--text-muted);font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-title{color:#94a3b8;color:var(--text-secondary);font-size:1.25rem;margin-bottom:.5rem}.empty-message{color:#64748b;color:var(--text-muted)}.fab{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:50%;bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 20px #3b82f626;box-shadow:var(--shadow-lg),var(--shadow-glow);color:#fff;cursor:pointer;font-size:1.25rem;height:3.5rem;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:3.5rem;z-index:100}.fab:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 30px #3b82f64d;box-shadow:var(--shadow-xl),0 0 30px #3b82f64d;transform:translateY(-2px) scale(1.1)}.fab:active{transform:scale(.95)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#111827 25%,#111827cc 50%,#111827 75%);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{animation:spin 1s linear infinite;border:2px solid #94a3b81a;border-top:2px solid #3b82f6;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-container{bottom:2rem;display:flex;flex-direction:column;gap:.5rem;max-width:400px;position:fixed;right:2rem;z-index:1000}.toast{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827cc;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#f8fafc;color:var(--text-primary);overflow:hidden;padding:1rem 1.25rem;position:relative}.toast:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast.success:before{background:#10b981;background:var(--success)}.toast.error:before{background:#ef4444;background:var(--error)}.toast.warning:before{background:#f59e0b;background:var(--warning)}.toast.info:before{background:#3b82f6;background:var(--accent-primary)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.modal-content{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827;background:var(--bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-group{margin-bottom:1.5rem}.form-label{color:#f8fafc;color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#0a0e1a;background:var(--bg-primary);border:2px solid #94a3b81a;border:2px solid var(--border-primary);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:#0000;border:2px solid #94a3b81a;border:2px solid var(--border-primary);border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{border-color:#3b82f6;border-color:var(--accent-primary);color:#f8fafc;color:var(--text-primary)}@media (max-width:768px){.posts-grid{gap:1rem;grid-template-columns:1fr}.search-container{padding:1rem}.filter-buttons{gap:.5rem}.filter-btn{font-size:.8rem;padding:.4rem .8rem}.fab{font-size:1rem;height:3rem;width:3rem}.fab,.toast-container{bottom:1rem;right:1rem}.toast-container{left:1rem}.modal-backdrop{padding:1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.post-card-content{padding:1rem}.posts-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.1dbc580f.css.map*/