.blog-content{color:#e2e8f0;font-size:1.125rem;line-height:1.85;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;max-width:65ch;margin:0 auto}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#f1f5f9;font-weight:700;line-height:1.35;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.025em}.blog-content h1{font-size:2.5rem;margin-top:0;background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.blog-content h2{font-size:1.875rem;padding-bottom:.75rem;border-bottom:1px solid rgba(51,65,85,.5);margin-top:3.5rem;position:relative}.blog-content h2:before{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#22d3ee,#818cf8);border-radius:2px}.blog-content h3{font-size:1.5rem;color:#22d3ee;position:relative;padding-left:1rem}.blog-content h3:before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:3px;background:linear-gradient(180deg,#22d3ee,#818cf8);border-radius:3px}.blog-content h4{font-size:1.25rem;color:#a78bfa}.blog-content p{color:#cbd5e1;margin-bottom:1.75rem;font-size:1.125rem}.blog-content>p:first-of-type,.blog-content>h1+p{font-size:1.25rem;color:#e2e8f0;line-height:1.8;border-left:3px solid rgba(34,211,238,.3);padding-left:1.25rem;margin-bottom:2rem}.blog-content strong,.blog-content b{color:#f1f5f9;font-weight:600}.blog-content em,.blog-content i{color:#e2e8f0;font-style:italic}.blog-content a{color:#22d3ee;text-decoration:none;background:linear-gradient(90deg,#22d3ee,#818cf8);background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;transition:all .3s ease;padding-bottom:2px}.blog-content a:hover{color:#67e8f9;background-size:100% 2px}.blog-content a[href^=http]:not([href*="marcello.cc"]):after{content:"↗";display:inline-block;margin-left:.25em;font-size:.75em;opacity:.6;transition:transform .2s ease}.blog-content a[href^=http]:not([href*="marcello.cc"]):hover:after{transform:translate(2px,-2px)}.blog-content code{background:linear-gradient(135deg,#1e293bcc,#33415580);color:#22d3ee;padding:.2rem .5rem;border-radius:.375rem;font-size:.9em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;border:1px solid rgba(51,65,85,.8);white-space:nowrap}.blog-content pre{background:linear-gradient(180deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:.75rem;padding:2.5rem 1.5rem 1.5rem;margin:2rem 0;overflow-x:auto;position:relative;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003,inset 0 1px #ffffff0d}.blog-content pre:before{content:"";position:absolute;top:1rem;left:1rem;width:12px;height:12px;background:#ff5f56;border-radius:50%;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.blog-content pre:after{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:linear-gradient(135deg,transparent 50%,rgba(34,211,238,.1) 50%);border-radius:0 .75rem 0 0}.blog-content pre code{background:none;border:none;padding:0;display:block;color:#e2e8f0;font-size:.875rem;line-height:1.7;white-space:pre}.blog-content pre code .keyword{color:#c678dd}.blog-content pre code .string{color:#98c379}.blog-content pre code .comment{color:#5c6370;font-style:italic}.blog-content pre code .function{color:#61afef}.blog-content pre code .number{color:#d19a66}.blog-content blockquote{position:relative;border-left:4px solid;-o-border-image:linear-gradient(180deg,#22d3ee,#818cf8) 1;border-image:linear-gradient(180deg,#22d3ee,#818cf8) 1;padding:1.5rem 2rem;margin:2.5rem 0;background:linear-gradient(135deg,#1e293b99,#3341554d);border-radius:0 .75rem .75rem 0;font-style:italic;color:#cbd5e1;backdrop-filter:blur(4px)}.blog-content blockquote:before{content:'"';position:absolute;top:-1rem;left:1rem;font-size:5rem;color:#22d3ee26;font-family:Georgia,serif;line-height:1;pointer-events:none}.blog-content blockquote p{margin-bottom:0;position:relative;z-index:1;font-size:1.1rem}.blog-content ul,.blog-content ol{margin:1.5rem 0;padding-left:0;list-style:none}.blog-content li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:#cbd5e1;line-height:1.7}.blog-content ul>li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;background:linear-gradient(135deg,#22d3ee,#818cf8);border-radius:50%}.blog-content ol{counter-reset:list-counter}.blog-content ol>li{counter-increment:list-counter}.blog-content ol>li:before{content:counter(list-counter);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#22d3ee,#818cf8);border-radius:50%;color:#0f172a;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.blog-content li ul,.blog-content li ol{margin-top:.5rem;margin-bottom:0}.blog-content li li:before{background:#22d3ee80;width:6px;height:6px}.blog-content input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid #475569;border-radius:.375rem;background:transparent;margin-right:.75rem;vertical-align:middle;position:relative;cursor:pointer;transition:all .2s ease}.blog-content input[type=checkbox]:checked{background:linear-gradient(135deg,#22d3ee,#818cf8);border-color:transparent}.blog-content input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f172a;font-size:.75rem;font-weight:700}.blog-content li:has(input[type=checkbox]):before{display:none}.blog-content li:has(input[type=checkbox]){padding-left:0}.blog-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#475569 50%,transparent 100%);margin:3.5rem 0;position:relative}.blog-content hr:after{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172a;padding:0 1rem;color:#22d3ee;font-size:.75rem}.blog-content table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;background:linear-gradient(180deg,#1e293b80,#0f172a80);border-radius:.75rem;overflow:hidden;border:1px solid #334155}.blog-content th,.blog-content td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #334155}.blog-content th{background:linear-gradient(180deg,#334155,#1e293b);color:#f1f5f9;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.blog-content td{color:#cbd5e1}.blog-content tr:last-child td{border-bottom:none}.blog-content tr:hover td{background:#22d3ee0d}.blog-content img{max-width:100%;height:auto;border-radius:.75rem;margin:2rem 0;border:1px solid #334155;box-shadow:0 10px 40px #0000004d}.blog-content dl{margin:1.5rem 0}.blog-content dt{color:#22d3ee;font-weight:600;margin-bottom:.25rem}.blog-content dd{color:#cbd5e1;margin-left:1.5rem;margin-bottom:1rem}.blog-content kbd{background:linear-gradient(180deg,#334155,#1e293b);border:1px solid #475569;border-radius:.375rem;padding:.15rem .5rem;font-size:.85em;font-family:inherit;color:#e2e8f0;box-shadow:0 2px #1e293b,inset 0 1px #ffffff1a}.blog-content abbr{-webkit-text-decoration:underline dotted #22d3ee;text-decoration:underline dotted #22d3ee;cursor:help}.blog-content mark{background:linear-gradient(135deg,#22d3ee4d,#818cf84d);color:#f1f5f9;padding:.1rem .3rem;border-radius:.25rem}.blog-content sub,.blog-content sup{font-size:.75em;color:#94a3b8}@media(max-width:768px){.blog-content{font-size:1rem}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content p,.blog-content p:first-of-type{font-size:1rem}.blog-content pre{padding:1rem;margin:1.5rem -1.5rem;border-radius:0;border-left:none;border-right:none}.blog-content pre:before{display:none}.blog-content pre code{padding-top:0;font-size:.8rem}.blog-content blockquote{padding:1rem;margin:1.5rem 0}.blog-content blockquote:before{font-size:3rem;top:-.25rem}.blog-content table{display:block;overflow-x:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animation-delay-100{animation-delay:.1s;opacity:0}.animation-delay-200{animation-delay:.2s;opacity:0}.animation-delay-300{animation-delay:.3s;opacity:0}.animation-delay-400{animation-delay:.4s;opacity:0}@keyframes gradient-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-text{background-size:200% auto;animation:gradient-text 3s ease infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animate-pulse-subtle{animation:pulseSoft 3s ease-in-out infinite}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#22d3ee,#818cf8,#f472b6);z-index:100;transition:width .1s ease}html{scroll-behavior:smooth}.blog-content h2:hover,.blog-content h3:hover,.blog-content h4:hover{cursor:default}.blog-content ::-moz-selection{background:#22d3ee4d;color:#f1f5f9}.blog-content ::selection{background:#22d3ee4d;color:#f1f5f9}.blog-content a:focus-visible{outline:2px solid #22d3ee;outline-offset:3px;border-radius:2px}.blog-content img{transition:transform .3s ease,box-shadow .3s ease}.blog-content img:hover{transform:scale(1.01);box-shadow:0 20px 60px #0006}@media print{.blog-content{color:#1a1a1a;font-size:12pt}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:#000;page-break-after:avoid}.blog-content pre{background:#f5f5f5;border:1px solid #ddd;page-break-inside:avoid}.blog-content a{color:#22d3ee}.blog-content a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}