*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 15px}.btn-primary{background-color:#6c5ce7;border-color:#6c5ce7}.btn-primary:hover{background-color:#5a4fcf;border-color:#5a4fcf}.card{border:none;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-2px)}.navbar-brand{color:#6c5ce7!important;font-size:1.5rem;font-weight:700}.reaction-btn{background:none;border:none;border-radius:20px;margin:0 5px;padding:5px 10px;transition:background-color .2s}.reaction-btn:hover{background-color:#f8f9fa}.reaction-btn.active{background-color:#e3f2fd;color:#1976d2}.featured-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.post-card{cursor:pointer;transition:all .3s ease}.post-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.comment-section{background-color:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.comment-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:15px}.loading-spinner{align-items:center;display:flex;height:200px;justify-content:center}.error-message{color:#dc3545;padding:20px;text-align:center}.success-message{color:#28a745;padding:20px;text-align:center}.App{background-color:#f8f9fa;min-height:100vh}main{padding-bottom:50px}.hero-section{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:15px;color:#fff;margin-bottom:50px;padding:80px 0;text-align:center}.hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:20px}.hero-section p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.post-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:40px}.post-meta{color:#6c757d;font-size:.9rem;margin-bottom:10px}.post-excerpt{color:#6c757d;line-height:1.6;margin-bottom:15px}.category-badge{background-color:#6c5ce7;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:10px;margin-right:8px;padding:4px 12px}.auth-form{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin:50px auto;max-width:400px;padding:30px}.form-title{color:#6c5ce7;font-weight:600;margin-bottom:30px;text-align:center}.otp-input{font-size:1.5rem;font-weight:700;letter-spacing:8px;text-align:center}.reaction-count{color:#6c757d;font-size:.9rem;margin-left:5px}.comment-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.comment-author{color:#6c5ce7;font-weight:600;margin-bottom:5px}.comment-date{color:#6c757d;font-size:.8rem;margin-bottom:10px}.comment-content{line-height:1.6}.pagination{justify-content:center;margin-top:40px}.page-link{color:#6c5ce7}.page-item.active .page-link{background-color:#6c5ce7;border-color:#6c5ce7}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.post-grid{gap:20px;grid-template-columns:1fr}.auth-form{margin:20px auto;padding:20px}}
/*# sourceMappingURL=main.13d1a2a4.css.map*/