.brand:before{background-size:100% 100%;content:"BotixTech";line-height:200px;color:#f5f2f7;font-size:20px;font-family:"HEAVITAS","Helvetica Rounded",Arial,sans-serif;font-weight:700;text-align:center;width:200px;height:200px;margin:0 auto;position:absolute;z-index:99999!important}svg path{position:absolute;stroke-width:2;top:0;left:0;transform-origin:50% 50%;transform:rotate(0deg);animation:4s linear infinite}.logo svg path:nth-child(1){opacity:1;animation-name:rotate-1;animation-delay:0.5s}.logo svg path:nth-child(2){opacity:.5;animation-name:rotate-2;animation-delay:0.6s}.logo svg path:nth-child(3){opacity:.8;animation-name:rotate-3;animation-delay:0.7s}@keyframes scale-1{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes rotate-0{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate-1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate-2{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}@keyframes rotate-3{from{transform:rotate(0deg)}to{transform:rotate(0deg)}}
         .bg-blobs,.bg-grid{pointer-events:none;inset:0}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060612;--accent:#7c3aed;--accent2:#06b6d4;--accent3:#f59e0b;--text:#f0f0fa;--text-muted:#6b6b8a}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.bg-blobs{position:fixed;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18}.blob-1{width:600px;height:600px;background:var(--accent);top:-200px;left:-100px;animation:18s ease-in-out infinite alternate drift1}.blob-2{width:500px;height:500px;background:var(--accent2);bottom:-150px;right:-100px;animation:22s ease-in-out infinite alternate drift2}.blob-3{width:300px;height:300px;background:var(--accent3);top:40%;left:55%;animation:15s ease-in-out infinite alternate drift3}@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}@keyframes drift2{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,30px) scale(1.08)}}@keyframes drift3{from{transform:translate(0,0)}to{transform:translate(30px,-40px)}}.bg-grid{position:fixed;z-index:1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.bg-grid::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#060612 100%)} .whatsapp-btn-container{position:fixed;right:-27px;opacity:0;bottom:-50px;padding:44px;animation:1s 1s forwards fade-up}@keyframes fade-up{100%{bottom:24px;opacity:1}}.whatsapp-btn-container .whatsapp-btn{font-size:48px;color:#25d366;display:inline-block;transition:.4s}.whatsapp-btn-container .whatsapp-btn:hover{transform:scale(1.2)}.whatsapp-btn-container span{position:absolute;top:0;left:4px;font-family:Roboto,sans-serif;font-weight:700;color:#075e54;transform:rotateZ(20deg) translateX(10px);opacity:0;transition:.4s}.whatsapp-btn-container .whatsapp-btn:hover+span{transform:rotateZ(0) translateX(0);opacity:1}
          

/* Extracted from existing inline styles; original rules/order preserved. */

            /* Article Section Styling */
            
            .article-image {
                width: 100%;
                max-width: 750px;
                display: block;
                margin: 0 auto 20px;
                border-radius: 12px;
            }
            
            .article-title {
                font-size: 28px;
                margin-bottom: 15px;
                text-align: center;
                color: #0d6efd;
            }
            
            .article-intro {
                font-size: 16px;
                text-align: center;
                margin-bottom: 25px;
            }
            
            .article-subtitle {
                font-size: 20px;
                margin-top: 20px;
                margin-bottom: 10px;
                color: #0d6efd;
            }
            
            .article-list {
                margin-left: 20px;
                margin-bottom: 20px;
            }
            
            .article-list li {
                margin-bottom: 10px;
            }
            
            .article-conclusion {
                font-size: 16px;
                text-align: center;
                margin-top: 20px;
            }
            
            .article-section a {
                color: #0d6efd;
                text-decoration: none;
            }
            
            .article-section a:hover {
                text-decoration: underline;
            }
            
            /* Responsive */
            @media (max-width: 768px) {
                .article-title {
                    font-size: 24px;
                }
                .article-subtitle {
                    font-size: 18px;
                }
                .article-section {
                    padding: 15px;
                }
            }