.main-container{position:relative;min-height:100vh;padding:20px 30px;overflow-x:hidden}.content-box{padding:20px;background:transparent;border-radius:20px;border:1px solid var(--border-color);transition:all .4s ease}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape{position:absolute;background:linear-gradient(45deg,rgba(255,107,107,.1),rgba(78,205,196,.1));border-radius:50%;animation:float 6s ease-in-out infinite}.shape:first-child{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape:nth-child(2){width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.shape:nth-child(3){width:60px;height:60px;top:80%;left:20%;animation-delay:4s}.shape:nth-child(4){width:100px;height:100px;top:30%;right:30%;animation-delay:1s}.shape:nth-child(5){width:90px;height:90px;top:70%;left:60%;animation-delay:3s}.morphing-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.morph{position:absolute;background:linear-gradient(45deg,rgba(255,154,0,.05),rgba(255,206,84,.05));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morph 8s ease-in-out infinite}.morph:first-child{width:200px;height:200px;top:10%;right:5%;animation-delay:0s}.morph:nth-child(2){width:150px;height:150px;bottom:20%;left:5%;animation-delay:4s}.sparkle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle 3s linear infinite}.sparkle:first-child{top:20%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:40%;left:80%;animation-delay:.5s}.sparkle:nth-child(3){top:60%;left:30%;animation-delay:1s}.sparkle:nth-child(4){top:80%;left:70%;animation-delay:1.5s}.sparkle:nth-child(5){top:30%;left:50%;animation-delay:2s}.sparkle:nth-child(6){top:70%;left:10%;animation-delay:2.5s}.sparkle:nth-child(7){top:10%;left:60%;animation-delay:1.2s}.sparkle:nth-child(8){top:90%;left:40%;animation-delay:.8s}.main-box{position:relative;z-index:2;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.markdown-content{color:#e2e8f0;line-height:1.7}.markdown-content h1{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-content h2{padding-left:20px}.markdown-content strong{color:white}.markdown-content ol,.markdown-content ul{background:rgba(255,255,255,.02);border-radius:10px;padding:15px;margin:20px 0;border-left:3px solid #4ecdc4}.markdown-content li{transition:all .3s ease;padding:8px 0;border-radius:5px}.markdown-content li:hover{background:rgba(255,255,255,.05);padding-left:10px}.blog-quote{border-left-color:#007bff}.post-header{text-align:center;margin-bottom:2rem}.post-header img{box-shadow:0 10px 30px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.1)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0deg)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;transform:rotate(90deg)}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;transform:rotate(180deg)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;transform:rotate(270deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff5252,#26a69a)}@media (max-width:768px){.main-box{margin:10px;padding:10px}.markdown-content h1{font-size:24px}.markdown-content h2{font-size:20px}.morph,.shape{display:none}}