:root{--accent:var(--color-primary, #7aa2f7);--accent-dark:var(--color-bg-secondary, #1f2335);--black:8, 12, 17;--gray:76, 80, 106;--gray-light:59, 66, 82;--text-light:var(--color-text-primary, #f8f8f8);--gray-dark:31, 34, 40;--gray-gradient:var(--gradient-primary, linear-gradient(135deg, #1a1b26 0%, #414868 100%));--box-shadow:0 2px 6px rgba(76, 80, 106, .25), 0 8px 24px rgba(76, 80, 106, .33), 0 16px 32px rgba(76, 80, 106, .33);--copy-btn-margin:10px}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}.font-poppins,*{font-family:Poppins,sans-serif}html{scroll-behavior:smooth;font-family:Poppins,sans-serif;background-color:#1a1b26}body{font-family:Poppins,sans-serif;margin:0;padding:0;text-align:left;background-color:#1a1b26;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text-primary, var(--text-light));font-size:20px;line-height:1.7}::view-transition-old(root),::view-transition-new(root){animation:none!important;mix-blend-mode:normal!important}[data-astro-reload]{opacity:1!important;transition:none!important}main{scroll-behavior:smooth;width:auto;max-width:90%;margin:3em auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;margin:0 0 .5em;color:var(--color-text-primary, var(--text-light));line-height:1.2;font-weight:600}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.3em}h5{font-size:1.1em}h6{font-size:.9em;font-weight:500}@media (max-width:768px){h1{font-size:2em}h2{font-size:1.7em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.8em}}strong,b{font-weight:600;color:var(--text-light)}a{color:var(--accent);transition:color .2s ease-in-out}a:hover{color:var(--accent);text-decoration:none}p{margin-bottom:1.5em;color:var(--text-light)}ul,ol{color:var(--text-light);margin-left:1.5em;margin-bottom:1em}li{margin-bottom:.5em}.prose p{margin-bottom:2em;color:var(--text-light)}textarea,input{width:100%;color:var(--text-light);font-size:16px;padding:.5em;border:1px solid rgba(255,255,255,.1);background-color:transparent;border-radius:4px}table{width:100%;border-collapse:collapse;margin:2em 0;background-color:var(--gray-dark);border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow);border:1px solid rgba(255,255,255,.05)}th,td{padding:1em;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-light)}th{background-color:var(--accent-dark);color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--accent)}tr:nth-child(2n){background-color:#ffffff08}tr:hover{background-color:#ffffff12;transition:background-color .2s ease-in-out}img{max-width:100%;height:auto;border-radius:8px;margin-bottom:1em}pre{background-color:#1f2228;border:1px solid rgba(255,255,255,.1);padding:1.5em;border-radius:8px;box-shadow:var(--box-shadow);overflow-x:auto;margin:2em 0;font-size:.9em;position:relative}.code-copy-button-container{position:absolute;top:0;right:0;z-index:10}pre[data-copy-enhanced=true]{padding-top:2.5rem}@media (max-width:640px){pre[data-copy-enhanced=true]{padding-top:3rem}.code-copy-button-container{top:.5rem;right:.5rem;gap:.25rem}.code-copy-button-container span{font-size:.625rem;padding:.25rem .5rem}.code-copy-button-container button{width:1.75rem;height:1.75rem}}pre::-webkit-scrollbar{width:8px;height:8px}pre::-webkit-scrollbar-track{background-color:#1f2228;border-radius:8px}pre::-webkit-scrollbar-thumb{background-color:var(--gray-light);border-radius:4px;border:2px solid #1f2228}pre::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}code{background-color:#ffffff1a;color:var(--accent);padding:2px 5px;border-radius:4px;font-size:.9em}pre code{color:#cddbf7;font-size:1em;font-family:Fira Code,monospace;line-height:1.5}pre code .keyword{color:#7aa2f7}pre code .string{color:#9ece6a}pre code .comment{color:#565f89}pre code .function{color:#bb9af7}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:.5em 0 .5em 1em;margin:1em 0;font-size:1.1em;color:var(--text-light);font-style:italic;line-height:1.6}blockquote blockquote{border-left:3px solid var(--gray-light);margin-left:1em;padding-left:1em;font-size:.9em;line-height:1.5}blockquote p{margin:.5em 0}blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6{color:var(--accent);margin-top:.4em;margin-bottom:.4em;font-weight:500}blockquote ul,blockquote ol{margin-left:1.2em;color:var(--text-light)}blockquote code{background-color:#ffffff1a;color:var(--accent);padding:.2em .5em;border-radius:4px;font-size:.9em}blockquote a{color:var(--accent);text-decoration:underline}blockquote a:hover{color:var(--accent);text-decoration:none}@media (max-width:768px){blockquote{font-size:1em;padding-left:.8em;margin:.8em 0}blockquote blockquote{font-size:.85em}}hr{border:0;border-top:1px solid rgb(var(--gray-light));margin:1.5em 0}@media (max-width:720px){body{font-size:18px}main{padding:1em}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}[data-transition=enter],[data-transition=leave]{transition:opacity .3s ease-in-out}[data-transition=enter]{opacity:0}[data-transition=enter-active]{opacity:1}[data-transition=leave-active]{opacity:0}ul,ol{padding-left:1.5em;margin-bottom:1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}ul li,ol li{margin-bottom:.5em;line-height:1.6}ul ul,ul ol,ol ul,ol ol{margin-top:.5em;margin-bottom:.5em;padding-left:1.5em}ul ul{list-style-type:circle}ul ol{list-style-type:lower-alpha}ol ul{list-style-type:circle}ol ol{list-style-type:lower-alpha}ul li::marker,ol li::marker{color:var(--accent);font-weight:600}.custom-button{background-color:#7aa2f7;color:#f8f8f8;padding:.75rem 1.25rem;max-width:180px;border-radius:.5rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #4c506a40,0 8px 24px #4c506a54;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.custom-button:hover{transform:scale(1.03);box-shadow:0 4px 10px #4c506a4d,0 10px 30px #4c506a66}iframe{border-radius:8px;box-shadow:0 4px 12px #1f222880;width:100%;max-width:800px;margin:0 auto;display:block}html{scrollbar-width:thin;scrollbar-color:#7aa2f7 #1f2335}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1f2335}::-webkit-scrollbar-thumb{background-color:#7aa2f7;border-radius:10px;border:2px solid #1f2335}::-webkit-scrollbar-thumb:hover{background-color:#a4c2fb}:root{--color-primary:#7aa2f7;--color-secondary:#bb9af7;--color-accent:#9ece6a;--color-bg-primary:#1a1b26;--color-bg-secondary:#24283b;--color-bg-tertiary:#2d3142;--color-bg-card:#24283b40;--color-bg-overlay:#24283b60;--color-text-primary:#c0caf5;--color-text-secondary:#a9b1d6;--color-text-muted:#565f89;--color-text-accent:#7aa2f7;--color-text-inverse:#1a1b26;--color-border-primary:#565f89;--color-border-secondary:#565f8930;--color-border-accent:#7aa2f7;--color-border-hover:#7aa2f760;--color-success:#9ece6a;--color-warning:#e0af68;--color-error:#f7768e;--color-info:#7aa2f7;--color-hover:#7aa2f720;--color-focus:#7aa2f740;--color-active:#7aa2f760;--color-disabled:#565f8940;--gradient-primary:linear-gradient(135deg, #7aa2f7, #bb9af7);--gradient-secondary:linear-gradient(135deg, #bb9af7, #9ece6a);--gradient-accent:linear-gradient(90deg, #7aa2f7, #bb9af7, #9ece6a);--gradient-rainbow:linear-gradient(90deg, #7aa2f7, #bb9af7, #9ece6a, #bb9af7, #7aa2f7);--color-twitter:#1DA1F2;--color-facebook:#1877F2;--color-linkedin:#0A66C2;--color-whatsapp:#25D366;--color-github:#333333;--color-youtube:#FF0000;--color-upwork:#6fda44}html{background-color:var(--color-bg-primary);color:var(--color-text-primary)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}.bg-theme-primary{background-color:var(--color-bg-primary)}.bg-theme-secondary{background-color:var(--color-bg-secondary)}.bg-theme-tertiary{background-color:var(--color-bg-tertiary)}.bg-theme-card{background-color:var(--color-bg-card)}.bg-theme-overlay{background-color:var(--color-bg-overlay)}.text-theme-primary{color:var(--color-text-primary)}.text-theme-secondary{color:var(--color-text-secondary)}.text-theme-muted{color:var(--color-text-muted)}.text-theme-accent{color:var(--color-text-accent)}.text-theme-inverse{color:var(--color-text-inverse)}.border-theme-primary{border-color:var(--color-border-primary)}.border-theme-secondary{border-color:var(--color-border-secondary)}.border-theme-accent{border-color:var(--color-border-accent)}.border-theme-hover{border-color:var(--color-border-hover)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-rainbow{background:var(--gradient-rainbow)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-theme:hover{background-color:var(--color-hover)}.focus-theme:focus{background-color:var(--color-focus);outline:2px solid var(--color-border-accent)}.active-theme:active{background-color:var(--color-active)}.disabled-theme:disabled{background-color:var(--color-disabled);color:var(--color-text-muted);cursor:not-allowed}.text-twitter{color:var(--color-twitter)}.text-facebook{color:var(--color-facebook)}.text-linkedin{color:var(--color-linkedin)}.text-whatsapp{color:var(--color-whatsapp)}.text-github{color:var(--color-github)}.text-youtube{color:var(--color-youtube)}.text-upwork{color:var(--color-upwork)}.card-glassmorphism{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-secondary);border-radius:16px}.btn-primary{background:var(--gradient-primary);color:#fff;border:0;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--color-hover)}.btn-secondary{background:0 0;color:var(--color-text-accent);border:1px solid var(--color-border-accent);transition:all .3s ease}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-border-hover)}.link-theme{color:var(--color-text-accent);text-decoration:underline;text-decoration-color:var(--color-border-secondary);transition:all .3s ease}.link-theme:hover{color:var(--color-secondary);text-decoration-color:var(--color-border-hover)}.input-theme{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);border-radius:8px;padding:12px 16px;transition:all .3s ease}.input-theme:focus{outline:0;border-color:var(--color-border-accent);box-shadow:0 0 0 3px var(--color-focus)}.progress-bar{background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{background:var(--gradient-accent);height:100%;transition:width .3s ease}.tag-theme{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary);padding:4px 12px;border-radius:20px;font-size:14px;transition:all .3s ease}.tag-theme:hover{background:var(--color-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.code-theme{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-accent);padding:2px 6px;border-radius:4px;font-family:Fira Code,Monaco,Cascadia Code,monospace;font-size:14px}.code-block-theme{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:20px;overflow-x:auto}.scrollbar-theme::-webkit-scrollbar{width:8px;height:8px}.scrollbar-theme::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.scrollbar-theme::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.scrollbar-theme::-webkit-scrollbar-thumb:hover{background:var(--color-border-accent)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}