body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.blog-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:auto;max-width:1200px;padding:100px 20px 40px}.blog-header{margin-bottom:40px;text-align:center}.blog-header h1{color:#222;font-size:3rem;margin-bottom:10px}.subtitle{color:#666;font-size:1.2rem}.blog-posts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 14px #00000014;padding:24px;transition:transform .2s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 8px 22px #0000001a;transform:translateY(-6px)}.blog-card h2{color:#333;font-size:1.5rem;margin-bottom:12px}.blog-card p{color:#555;margin-bottom:16px}.blog-card a{color:#007bff;font-weight:600;text-decoration:none;transition:color .2s ease}.blog-card a:hover{color:#0056b3}.blog-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;position:relative}.blog-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;justify-content:center;min-height:60vh;overflow:hidden;position:relative;text-align:center}.hero-gradient{animation:gradientShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.hero-content{animation:heroFadeIn 1s ease-out;max-width:900px;padding:0 2rem;position:relative;z-index:2}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-meta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.blog-category,.reading-time{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.blog-category:hover,.reading-time:hover{background:#fff3;transform:translateY(-2px)}.blog-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;text-shadow:0 4px 20px #0000004d}.blog-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:300;line-height:1.6;margin:0}.blog-container{margin:-80px auto 0;max-width:800px;padding-bottom:4rem;position:relative;z-index:3}.blog-content{animation:contentSlideUp .8s ease-out .3s both;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 20px 60px #0000001a,0 8px 20px #00000014;overflow:hidden;padding:0}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.content-wrapper{color:#2d3748;font-family:Georgia,Times New Roman,serif;font-size:1.125rem;line-height:1.8;padding:3rem;text-align:left}.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4{color:#1a202c;font-family:Segoe UI,-apple-system,sans-serif;font-weight:700;margin:2.5rem 0 1rem;text-align:left}.content-wrapper h2{border-left:4px solid #667eea;font-size:1.875rem;margin-left:-1rem;padding-left:1rem}.content-wrapper h3{color:#4a5568;font-size:1.5rem}.content-wrapper p{margin-bottom:1.5rem;text-align:left}.content-wrapper p:first-child{border-left:3px solid #e2e8f0;color:#4a5568;font-size:1.25rem;font-weight:400;margin-left:-1.5rem;padding-left:1.5rem;text-align:left}.content-wrapper blockquote{background:#f7fafc;border-left:4px solid #667eea;border-radius:0 8px 8px 0;color:#4a5568;font-style:italic;margin:2rem 0;padding:1.5rem;text-align:left}.content-wrapper code{background:#f1f5f9;border-radius:4px;color:#e53e3e;font-family:Consolas,Monaco,monospace;font-size:.9em;padding:.2rem .4rem}.content-wrapper pre{background:#2d3748;border-radius:8px;color:#e2e8f0;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.content-wrapper ol,.content-wrapper ul{margin:1.5rem 0;padding-left:2rem;text-align:left}.content-wrapper li{margin-bottom:.5rem}.blog-footer{background:#fff;border-top:1px solid #e2e8f0;padding:2rem 3rem}.blog-actions{display:flex;gap:1rem;justify-content:center}.action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-btn:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.like-btn:hover{background:#fed7d7;border-color:#e53e3e;color:#e53e3e}.share-btn:hover{background:#e6fffa;border-color:#667eea;color:#667eea}.reading-progress{background:#ffffff1a;height:4px;left:0;position:fixed;top:0;width:100%;z-index:1000}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 4px 4px 0;height:100%;transition:width .1s ease;width:0}.not-found{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:2rem;padding:4rem 2rem;text-align:center}.not-found-icon{font-size:4rem;margin-bottom:1rem}.not-found h2{color:#2d3748;font-size:2rem;margin-bottom:1rem}.not-found p{color:#718096;font-size:1.1rem}@media screen and (max-width:768px){.blog-hero{min-height:50vh;padding:2rem 1rem}.hero-content{padding:0 1rem}.blog-meta{gap:1rem}.blog-title{font-size:clamp(2rem,8vw,2.5rem)}.blog-container{margin:-60px 1rem 0}.blog-footer,.content-wrapper{padding:2rem 1.5rem}.blog-actions{align-items:stretch;flex-direction:column}.action-btn{justify-content:center}}@media screen and (max-width:480px){.blog-footer,.content-wrapper{padding:1.5rem 1rem}.content-wrapper{font-size:1rem}.blog-category,.reading-time{font-size:.8rem;padding:.4rem .8rem}}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.c3970003.css.map*/