body{font-family:Poppins,sans-serif;background-color:#000;cursor:none}.font-mono{font-family:Roboto Mono,monospace}.glassmorphism{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.neon-border{border:2px solid;border-image:linear-gradient(90deg,#4f46e5,#db2777,#f59e0b) 1}.neon-glow{box-shadow:0 0 5px #4f46e5,0 0 10px #4f46e5,0 0 15px #db2777,0 0 20px #db2777}.animated-gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(300deg,#000428,#004e92,#1a1a2e,#2a0845);background-size:400% 400%;animation:gradientAnimation 25s ease infinite;opacity:.4}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.blog-content>p{line-height:1.8;text-align:justify}.blog-content img{border-radius:.75rem;box-shadow:0 10px 25px -5px #00f2ff1a,0 8px 10px -6px #00f2ff1a;margin-top:2rem;margin-bottom:2rem;max-width:50%;display:block;margin-left:auto;margin-right:auto}.blog-content figure.blog-figure{margin:2.5rem auto;max-width:720px;text-align:center}.blog-content figure.blog-figure img{max-width:100%;width:100%;box-shadow:0 14px 30px -10px #00f2ff33}.blog-content figure.blog-figure figcaption{margin-top:.75rem;color:#e0f2fed9;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.blog-content nav.table-of-contents{margin:2rem auto;padding:1.5rem;max-width:720px;border-radius:1rem;background:#0891b214;border:1px solid rgba(34,211,238,.25)}.blog-content nav.table-of-contents ol{list-style:decimal;padding-left:1.5rem;text-align:left}.blog-content nav.table-of-contents li{margin-bottom:.5rem}.blog-content nav.table-of-contents a{color:#67e8f9;font-weight:600;text-decoration:none}.blog-content nav.table-of-contents a:hover{text-decoration:underline}.blog-content #cta-brandcode{margin-top:3rem;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(135deg,#082f49e6,#0ea5e940);border:1px solid rgba(14,165,233,.3);text-align:center}.blog-content #cta-brandcode h2{font-size:2rem;margin-bottom:1rem;color:#e0f2fe}.blog-content #cta-brandcode .cta-button{display:inline-block;margin-top:1.5rem;padding:.85rem 2.75rem;border-radius:9999px;background:linear-gradient(90deg,#22d3ee,#6366f1);color:#0f172a;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 18px 40px -15px #6366f180}.blog-content #cta-brandcode .cta-button:hover{transform:translateY(-2px);box-shadow:0 22px 45px -18px #22d3ee99}.glitch{position:relative;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;clip:rect(85px,450px,90px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0);transform:skew(.3deg)}5%{clip:rect(17px,9999px,94px,0)}to{clip:rect(92px,9999px,98px,0);transform:skew(.6deg)}}@keyframes glitch-anim2{0%{clip:rect(69px,9999px,11px,0);transform:skew(.2deg)}to{clip:rect(18px,9999px,82px,0);transform:skew(.8deg)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(1deg)}to{transform:skew(0)}}@media(max-width:768px){.blog-content img{max-width:100%}.blog-content figure.blog-figure{max-width:100%}}