body{background-color:#121212}body{font-family:Montserrat,sans-serif;background-color:#121212;background-size:cover;background-repeat:no-repeat;color:#fff}body:before{content:"";position:fixed;inset:0;height:100vh;width:100vw;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);z-index:-1}p{color:#ffffffe6;line-height:1.7}p img{width:100%;border-radius:12px;box-shadow:0 8px 24px #00ffff1a;transition:all .3s ease}p img:hover{transform:scale(1.02);box-shadow:0 12px 32px #0ff3}a{color:#0ff;text-decoration:none;transition:all .3s ease;position:relative}a:hover{color:#0cc;text-shadow:0 0 8px rgba(0,255,255,.5)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#0cc);transition:width .3s ease}a:hover:after{width:100%}.blog-page{border-radius:20px;border:2px solid #0ff;box-shadow:0 0 20px #00ffff4d;font-weight:500;background:linear-gradient(135deg,#00ffff14,#00ffff08);backdrop-filter:blur(20px);padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.blog-page:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.blog-page:hover{box-shadow:0 0 30px #00ffff80;transform:translateY(-2px);border-color:#0cc}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5,.blog-page h6{color:#fff;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-page h1{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(0,255,255,.3)}.blog-page h2{font-size:2rem;margin-top:2rem;margin-bottom:1.2rem}.blog-page h3{font-size:1.5rem;margin-top:1.5rem}.blog-page h4{font-size:1.25rem;margin-top:1.2rem}.blog-page h5,.blog-page h6{font-size:1.1rem;margin-top:1rem}.blog-page pre{background:#1c2a3a;border:1px solid rgba(88,166,255,.3);border-radius:8px;font-family:Fira Code,Consolas,monospace;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;box-shadow:0 8px 24px #00000080;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-page code{padding:.2rem .4rem;font-size:.9em;color:#8af;background:#58a6ff1a;border-radius:4px}.blog-page pre code{background:transparent;border:none;padding:0;color:#e0e0e0;font-size:1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8ca0b3}.token.punctuation{color:#e0e0e0}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#ff8da1}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#91baff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#e0e0e0}.token.atrule,.token.attr-value,.token.keyword{color:#58a6ff}.token.function,.token.class-name{color:#d2a8ff}.token.regex,.token.important,.token.variable{color:#ffab70}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.blog-page blockquote{border-left:4px solid #0ff;padding:1.5rem;margin:2rem 0;background:linear-gradient(135deg,#00ffff1a,#00ffff0d);border-radius:0 12px 12px 0;box-shadow:0 4px 16px #00ffff1a;font-style:italic;color:#ffffffe6;position:relative}.blog-page blockquote:before{content:'"';font-size:3rem;color:#0ff;position:absolute;top:-.5rem;left:1rem;opacity:.3}.blog-page ul,.blog-page ol{margin:1.5rem 0;padding-left:2rem}.blog-page li{margin-bottom:.8rem;color:#ffffffe6;position:relative}.blog-page ul li::marker{color:#0ff;font-size:1.2em}.blog-page ol li::marker{color:#0ff;font-weight:700}.blog-page table{width:100%;border-collapse:collapse;margin:2rem 0;background:#0000004d;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003}.blog-page th,.blog-page td{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,255,255,.2);color:#ffffffe6}.blog-page th{background:linear-gradient(135deg,#0ff3,#00ffff1a);color:#fff;font-weight:700}.blog-page tr:hover{background:#00ffff0d}.blog-page hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#0ff,transparent);margin:3rem 0;border-radius:2px}