:root{--color-primary: #2563EB;--color-accent: #7C3AED;--gradient: linear-gradient(135deg, var(--color-primary), var(--color-accent));--color-bg: #ffffff;--color-bg-alt: #F8FAFC;--color-bg-dark: #0F172A;--color-card: #ffffff;--color-input: #F8FAFC;--color-text: #1E293B;--color-text-muted: #64748B;--color-text-light: #94A3B8;--color-border: #E2E8F0;--color-nav-bg: rgba(255, 255, 255, .72);--color-nav-border: rgba(0, 0, 0, .06);--color-nav-mobile: rgba(255, 255, 255, .98);--color-available-bg: #ECFDF5;--color-available-text: #059669;--color-available-dot: #10B981;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .06);--shadow-md: 0 8px 25px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--color-code-bg: #1e293b;--color-code-text: #e2e8f0;--color-inline-code-bg: #F8FAFC;--color-inline-code-border: #E2E8F0;--color-inline-code-text: #2563EB;color-scheme:light}[data-theme=dark]{--color-primary: #3B82F6;--color-accent: #8B5CF6;--gradient: linear-gradient(135deg, var(--color-primary), var(--color-accent));--color-bg: #0F172A;--color-bg-alt: #1E293B;--color-bg-dark: #020617;--color-card: #1E293B;--color-input: #1E293B;--color-text: #E2E8F0;--color-text-muted: #94A3B8;--color-text-light: #CBD5E1;--color-border: #334155;--color-nav-bg: rgba(15, 23, 42, .72);--color-nav-border: rgba(255, 255, 255, .06);--color-nav-mobile: rgba(15, 23, 42, .98);--color-available-bg: rgba(16, 185, 129, .1);--color-available-text: #34D399;--color-available-dot: #34D399;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 8px 25px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35);--color-code-bg: #020617;--color-code-text: #e2e8f0;--color-inline-code-bg: #334155;--color-inline-code-border: #475569;--color-inline-code-text: #93C5FD;color-scheme:dark}*{margin:0;padding:0;border:none;box-sizing:border-box}html{scroll-behavior:smooth}@media (max-width: 61.99rem){html{overflow-x:hidden}}body{font-family:Montserrat,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}@media (max-width: 61.99rem){body{font-size:.875rem;overflow-x:hidden}}.hightlighter{width:fit-content;background-image:linear-gradient(0deg,var(--color-primary),var(--color-primary));background-repeat:no-repeat;background-size:100% 35%;background-position:0% 100%;position:relative;white-space:nowrap;transition:all .2s ease-in-out}.hightlighter:hover{background-size:100% 95%;cursor:pointer;color:#fff}.bubble{content:"";background:var(--color-primary);width:.5rem;height:.5rem;display:inline-block;border-radius:50%}.bubble-green{content:"";background:var(--color-available-dot);width:.5rem;height:.5rem;display:inline-block;border-radius:50%;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}.separation{display:none}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-animate]{opacity:0}[data-animate].is-visible{animation-duration:.7s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-delay:var(--stagger, 0ms)}[data-animate=fade-up].is-visible{animation-name:fade-up}[data-animate=fade-in].is-visible{animation-name:fade-in}[data-animate=slide-left].is-visible{animation-name:slide-in-left}[data-animate=slide-right].is-visible{animation-name:slide-in-right}[data-animate=scale-in].is-visible{animation-name:scale-in}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}footer{background:var(--color-bg-dark);padding:4rem 2rem;position:relative;margin-top:0}footer>.vector_right,footer>.vector_left{display:none}footer>.container_footer{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end}footer>.container_footer>.title{color:#fff;display:flex;flex-direction:column;gap:.75rem}footer>.container_footer>.title>.author{font-family:Caveat,sans-serif;font-size:2rem;color:#fff}footer>.container_footer>.title>h2{font-weight:400;color:#94a3b8;font-size:.9rem!important}footer>.container_footer>.title>.socials{display:flex;flex-direction:row;gap:1rem;align-items:center;margin-top:.5rem}footer>.container_footer>.title>.socials>a{display:flex;opacity:.7;transition:opacity .2s}footer>.container_footer>.title>.socials>a:hover{opacity:1}footer>.container_footer>.title>.socials>a>img{width:2rem;height:auto;filter:brightness(0) invert(1)}footer>.container_footer>.categories>ul{display:flex;gap:2rem}footer>.container_footer>.categories>ul li{list-style:none}footer>.container_footer>.categories>ul li>a{text-decoration:none;color:#94a3b8;font-weight:500;font-size:.9rem;transition:color .2s}footer>.container_footer>.categories>ul li>a:hover{color:#fff}@media (max-width: 61.99rem){footer{padding:3rem 1.5rem}footer>.container_footer{flex-direction:column;gap:2rem;align-items:center;text-align:center}footer>.container_footer>.title{align-items:center}footer>.container_footer>.title>.socials{justify-content:center}footer>.container_footer>.categories>ul{flex-direction:column;gap:1rem;text-align:center}}.navigation{position:sticky;top:0;z-index:100;background:var(--color-nav-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-nav-border);transition:background-color .3s ease,border-color .3s ease}@media (max-width: 61.99rem){.navigation{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-bg)}}.navigation .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem;padding:.75rem 2rem}@media (max-width: 61.99rem){.navigation .nav-inner{padding:.75rem 1.5rem}}.navigation .nav-logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--color-text);letter-spacing:-.02em;margin-right:auto}.navigation .nav-logo span{color:var(--color-primary)}.navigation .hamburger{display:none;flex-direction:column;gap:5px;background:none;cursor:pointer;padding:4px;z-index:101}.navigation .hamburger span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all .3s ease}.navigation .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navigation .hamburger.active span:nth-child(2){opacity:0}.navigation .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 61.99rem){.navigation .hamburger{display:flex;order:3}}.navigation ul{display:flex;align-items:center;gap:2rem;list-style:none}.navigation ul li a{text-decoration:none;color:var(--color-text-muted);font-weight:500;font-size:.9rem;transition:color .2s}.navigation ul li a:hover{color:var(--color-text)}@media (max-width: 61.99rem){.navigation ul{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-nav-mobile);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:100}.navigation ul.open{transform:translate(0)}.navigation ul li a{font-size:1.5rem;font-weight:700;color:var(--color-text)}}.navigation .theme-toggle{background:none;cursor:pointer;padding:.4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .2s}.navigation .theme-toggle:hover{color:var(--color-text)}.navigation .theme-toggle svg{width:1.15rem;height:1.15rem}@media (max-width: 61.99rem){.navigation .theme-toggle{order:2;margin-left:auto;z-index:101}}.navigation .available-status{background:var(--color-available-bg);display:flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:100px;transition:background-color .3s ease}.navigation .available-status span{color:var(--color-available-text);font-weight:600;font-size:.7rem;letter-spacing:.02em}@media (max-width: 61.99rem){.navigation .available-status{display:none}}
