body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.nav-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border-radius:0 0 15px 15px;box-shadow:0 4px 12px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-inner{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:#222;font-size:2rem;font-weight:700;margin:0}.nav{flex-wrap:wrap;gap:2rem;list-style:none;margin:0;padding:0}.nav,.nav li{align-items:center;display:flex}.nav li a{color:#222;font-size:1.1rem;font-weight:600;position:relative;text-decoration:none;transition:color .3s ease}.nav li a:after{background:#ff4b5c;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav li a:hover:after{width:100%}.user-info{align-items:center;display:flex;gap:1rem}.logout-link{color:#007bff;font-size:1rem;font-weight:700;text-decoration:underline;transition:color .3s ease}.logout-link:hover{color:#0056b3}.login-wrapper{align-items:center;background:linear-gradient(135deg,#f9f3ff,#c1e0ff);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:20px;box-shadow:0 8px 30px #0000001a;height:auto;margin-top:2rem;max-width:800px;min-height:500px;padding:3rem 2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-card:hover{box-shadow:0 14px 35px #00000026;transform:translateY(-5px)}.btn-gradient{background:linear-gradient(45deg,#007bff,#00c6ff);border:none;border-radius:8px;color:#fff;font-weight:700;max-width:200px;padding:.7rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-gradient:hover{background:linear-gradient(45deg,#0056b3,#09f);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.developer-intro{animation:fadeIn 1.2s ease-in-out;display:flex;flex-direction:column;justify-content:center;padding:2rem}.welcome-text{color:#333;font-size:.95rem;font-weight:500;margin-right:.5rem}.welcome-text .highlight{color:#007bff;font-weight:700}.intro-text{animation:fadeIn 1.5s ease-in-out;color:#555;font-size:1.05rem;line-height:1.8;margin-top:1rem}.blog-home-hero{background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:3rem;overflow:hidden;padding:4rem 0 3rem;position:relative}.blog-home-hero:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{color:#fff;position:relative;text-align:center;z-index:2}.hero-title{-webkit-text-fill-color:#0000;animation:slideInDown 1s ease-out;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:650;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}.hero-subtitle{animation:slideInUp 1s ease-out .3s both;font-size:1.4rem;margin-bottom:0;opacity:.9}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.blog-grid{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 0;position:relative}.blog-grid:before{animation:backgroundMove 30s linear infinite;background-image:radial-gradient(circle at 25% 25%,#fff3 2px,#0000 0),radial-gradient(circle at 75% 75%,#fff3 2px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundMove{0%{background-position:0 0,25px 25px}to{background-position:50px 50px,75px 75px}}.blog-card{animation:cardFadeIn .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a,0 1px 8px #0003;height:75%;opacity:0;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.25,.8,.25,1)}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.blog-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.blog-card:hover:before{left:100%}.blog-card:hover{border:1px solid #667eea4d;box-shadow:0 20px 50px #00000026,0 5px 20px #0000001a;transform:translateY(-15px) scale(1.02)}.blog-card img{border-radius:0;height:250px;position:relative;transition:transform .4s ease}.blog-card:hover img{transform:scale(1.1)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:.5rem;position:relative}.blog-card h5{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem;transition:color .3s ease}.blog-card h5,.blog-card h5 a{-webkit-text-fill-color:#0000;text-decoration:none}.blog-card h5 a{background:inherit;-webkit-background-clip:text;background-clip:text;color:inherit}.blog-card h5:hover{transform:translateX(5px)}.blog-card p{color:#5a6c7d;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.blog-links{border-top:1px solid #0000001a;display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.blog-links a{border-radius:20px;font-size:.95rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.blog-links a:first-child{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d;color:#fff}.blog-links a:first-child:hover{box-shadow:0 6px 20px #4facfe66;transform:translateY(-2px)}.blog-links a:last-child{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 4px 15px #fa709a4d;color:#fff}.blog-links a:last-child:hover{box-shadow:0 6px 20px #fa709a66;transform:translateY(-2px)}.add-blog-section{padding:4rem 0;position:relative;text-align:center}.add-blog-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.25,.8,.25,1)}.add-blog-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-blog-btn:hover:before{left:100%}.add-blog-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 15px 35px #667eea66;color:#fff;text-decoration:none;transform:translateY(-5px) scale(1.05)}.loading-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex-direction:column;min-height:70vh}.enhanced-spinner,.loading-container{align-items:center;display:flex;justify-content:center}.enhanced-spinner{gap:.5rem}.enhanced-spinner div{animation:pulseWave 1.4s ease-in-out infinite both;border-radius:50%;height:15px;width:15px}.enhanced-spinner div:first-child{animation-delay:-.32s;background:linear-gradient(135deg,#667eea,#764ba2)}.enhanced-spinner div:nth-child(2){animation-delay:-.16s;background:linear-gradient(135deg,#f093fb,#f5576c)}.enhanced-spinner div:nth-child(3){animation-delay:0s;background:linear-gradient(135deg,#4facfe,#00f2fe)}@keyframes pulseWave{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-text{animation:fadeInOut 2s ease-in-out infinite;color:#667eea;font-size:1.2rem;font-weight:600;margin-top:2rem}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.empty-state{color:#667eea;padding:4rem 2rem;text-align:center}.empty-state h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.empty-state p{font-size:1.1rem;margin-bottom:2rem;opacity:.8}@media screen and (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.blog-card{margin-bottom:2rem}.blog-card img{height:200px}.blog-links{flex-direction:column;gap:.5rem}.blog-links a{text-align:center}.add-blog-btn{font-size:1rem;padding:.8rem 2rem}}@media screen and (max-width:480px){.hero-title{font-size:2rem}.blog-card-content{padding:1rem}.blog-card h5{font-size:1.2rem}.blog-card p{font-size:.9rem}}body{background:linear-gradient(135deg,#9ab5e1,#f39fdc 74%);color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.spinner{align-items:center;display:flex;gap:1.5em;justify-content:center;padding:5em}.spinner div{animation:bounce .6s infinite alternate;background-color:#007bff;border-radius:50%;height:20px;width:20px}.spinner div:nth-child(2){animation-delay:.2s}.spinner div:nth-child(3){animation-delay:.4s}@keyframes bounce{to{opacity:.6;transform:translateY(-20px)}}.box{background:#fff;border-radius:12px;box-shadow:0 4px 14px #0000001a;margin:1.5rem auto;max-width:300px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.box:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-6px)}.blog-section{padding:2rem 1rem}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}button[type=submit]{background:linear-gradient(45deg,#007bff,#00c6ff);box-shadow:0 4px 10px #007bff66;color:#fff;transition:transform .2s ease,box-shadow .2s ease;width:100%}button[type=submit]:hover{background:linear-gradient(45deg,#0056b3,#09f);transform:scale(1.05)}.blog-card{background:#fff;border-radius:15px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;height:100%;margin:1rem auto;max-width:400px;overflow:hidden;padding:1rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.blog-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-6px)}.blog-card img{border-radius:12px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.blog-card h5{color:#007bff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.blog-card p{color:#555;flex-grow:1;font-size:.95rem}.blog-card .blog-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem}.blog-card .blog-links a{color:#007bff;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.blog-card .blog-links a:hover,.hover-link:hover{color:#0056b3;text-decoration:underline}.edit-form-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border-radius:12px;box-shadow:0 6px 20px #0000001a;margin:3rem auto;max-width:700px;padding:2rem;width:90%}.edit-form .form-control,.edit-form input,.edit-form textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border .3s ease;width:100%}.edit-form input:focus,.edit-form textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.edit-form button{border-radius:8px;box-shadow:0 4px 10px #007bff4d;font-size:1.1rem;transition:.3s ease,transform .2s;width:100%}.edit-form button:hover{background:linear-gradient(45deg,#0056b3,#09f);transform:scale(1.05)}.delete-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:12px;box-shadow:0 6px 20px #0000001a;margin:4rem auto;max-width:600px;padding:2rem;text-align:center;width:90%}.delete-container h1{color:#333;font-size:1.6rem;margin-bottom:2rem}.delete-container button{background:linear-gradient(45deg,#ff4b5c,#ff1e56);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;max-width:200px;padding:.8rem 2rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.delete-container button:hover{box-shadow:0 4px 14px #f003;transform:scale(1.05)}.add-post-container{margin-bottom:3rem;margin-top:3.5rem;padding:0 1rem}.form-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:15px;box-shadow:0 10px 30px #0000001f;box-sizing:border-box;margin:0 auto;max-width:800px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.form-card:hover{box-shadow:0 14px 35px #0003;transform:translateY(-5px)}.form-control{box-sizing:border-box;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d;outline:none}@media screen and (max-width:1024px){.nav-container{padding:1rem 1.5rem}.login-card{max-width:700px;padding:2.5rem 1.5rem}.box{max-width:280px}.blog-card{max-width:350px}}@media screen and (max-width:768px){.nav-container{padding:1rem}.nav-inner{align-items:flex-start;flex-direction:column;gap:1rem}.logo{font-size:1.8rem}.nav{flex-direction:column;gap:1rem}.nav,.nav li{width:100%}.nav li a{font-size:1rem}.user-info{align-items:flex-start;flex-direction:column;width:100%}.welcome-text{font-size:1rem}.login-wrapper{padding:1rem}.login-card{margin-top:1rem;max-width:100%;min-height:auto;padding:2rem 1.5rem}.developer-intro{padding:1.5rem}.welcome-text{font-size:1.8rem}.intro-text{font-size:1rem}.box{margin:1rem}.blog-card,.box{max-width:100%}.blog-card .blog-links{flex-direction:column;gap:.5rem}.edit-form-container{margin-top:2rem;padding:1.5rem;width:95%}.delete-container{margin:2rem auto;padding:1.5rem;width:95%}.delete-container h1{font-size:1.4rem}.form-card{padding:2rem 1.5rem}.add-post-container{margin-top:2rem;padding:0 .5rem}}@media screen and (max-width:480px){.nav-container{border-radius:0 0 10px 10px;padding:.8rem}.logo{font-size:1.5rem}.nav li a{font-size:.9rem}.login-wrapper{padding:.5rem}.login-card{border-radius:15px;padding:1.5rem 1rem}.developer-intro{padding:1rem}.welcome-text{font-size:1.5rem}.intro-text{font-size:.9rem;line-height:1.6}.spinner{gap:1em;padding:3em}.spinner div{height:15px;width:15px}.box{margin:.8rem;padding:1rem}.blog-section{padding:1rem .5rem}.blog-card{padding:.8rem}.blog-card img{height:150px}.blog-card h5{font-size:1.1rem}.blog-card p{font-size:.85rem}.blog-card .blog-links a{font-size:.8rem}.edit-form-container{margin-top:1rem;padding:1rem;width:98%}.edit-form .form-control,.edit-form input,.edit-form textarea{font-size:.9rem;padding:.6rem}.edit-form button{font-size:1rem}.delete-container{margin:1rem auto;padding:1rem;width:98%}.delete-container h1{font-size:1.2rem;margin-bottom:1.5rem}.delete-container button{font-size:.9rem;padding:.7rem 1.5rem}.form-card{padding:1.5rem 1rem}.add-post-container{margin-top:1rem;padding:0 .2rem}.btn-gradient{font-size:.9rem;padding:.6rem}}@media screen and (max-width:320px){.nav-container{padding:.5rem}.logo{font-size:1.3rem}.login-card{padding:1rem .8rem}.welcome-text{font-size:1.3rem}.intro-text{font-size:.8rem}.box{margin:.5rem;padding:.8rem}.blog-card{padding:.6rem}.blog-card img{height:120px}.delete-container,.edit-form-container,.form-card{padding:.8rem}}
/*# sourceMappingURL=main.09cf51f9.css.map*/