*{-webkit-user-select:none;user-select:none}@media (max-width: 375px){.container{padding-left:1rem;padding-right:1rem}.text-responsive-xs{font-size:.75rem}.space-y-responsive-xs>*+*{margin-top:.5rem}.gap-responsive-xs{gap:.5rem}}@media (min-width: 376px) and (max-width: 480px){.text-responsive-sm{font-size:.875rem}.space-y-responsive-sm>*+*{margin-top:.75rem}.gap-responsive-sm{gap:.75rem}}@media (min-width: 481px) and (max-width: 640px){.text-responsive-md{font-size:1rem}.space-y-responsive-md>*+*{margin-top:1rem}.gap-responsive-md{gap:1rem}}@media (min-width: 641px) and (max-width: 768px){.text-responsive-lg{font-size:1.125rem}.space-y-responsive-lg>*+*{margin-top:1.25rem}.gap-responsive-lg{gap:1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.text-responsive-xl{font-size:1.25rem}.space-y-responsive-xl>*+*{margin-top:1.5rem}.gap-responsive-xl{gap:1.5rem}}.safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.text-container{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.button-container{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width: 640px){.button-container{flex-direction:row;gap:1rem;width:auto}}.grid-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 480px){.grid-responsive{gap:1.25rem}}@media (min-width: 768px){.grid-responsive-md{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px){.grid-responsive-lg{grid-template-columns:repeat(3,1fr);gap:2rem}}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#fff;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;line-height:1.2}@media (max-width: 640px){.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:2rem;margin-bottom:1rem}}.blog-content h1{font-size:2.5rem;line-height:1.1;margin-top:2rem}@media (max-width: 768px){.blog-content h1{font-size:2rem}}@media (max-width: 480px){.blog-content h1{font-size:1.75rem}}.blog-content h2{font-size:2rem;line-height:1.2;border-bottom:3px solid rgba(82,102,207,1);padding-bottom:.75rem;margin-bottom:2rem;margin-top:4rem}@media (max-width: 768px){.blog-content h2{font-size:1.5rem;margin-top:3rem;margin-bottom:1.5rem}}@media (max-width: 480px){.blog-content h2{font-size:1.25rem;margin-top:2rem;margin-bottom:1rem}}.blog-content h3{font-size:1.5rem;line-height:1.3;margin-top:3rem}.blog-content h4{font-size:1.25rem;line-height:1.4;margin-top:2.5rem}.blog-content p{margin-bottom:1.5rem;line-height:1.8;color:#cbd5e1}.blog-content ul,.blog-content ol{margin-bottom:1.75rem;padding-left:2rem}.blog-content li{margin-bottom:.75rem;line-height:1.7}.blog-content a{color:#3b82f6;text-decoration:none;font-weight:500}.blog-content a:hover{color:#60a5fa;text-decoration:underline}.blog-content strong{color:#fff;font-weight:600}.blog-content code{background-color:#0f172a;color:#3b82f6;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:1px solid rgb(30 41 59)}.blog-content pre{background-color:#0f172a;color:#cbd5e1;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0;border:1px solid rgb(30 41 59)}.blog-content pre code{background-color:transparent;padding:0;border:none;color:#cbd5e1}.blog-content blockquote{border-left:4px solid rgb(59 130 246);background-color:#0f172a80;padding:1.5rem;border-radius:.5rem;color:#cbd5e1;font-style:italic;margin:2rem 0}.blog-content img{max-width:100%;height:auto;border-radius:.75rem;margin:2rem auto;display:block;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgb(30 41 59)}.blog-content figure{margin:2.5rem 0;text-align:center}.blog-content figcaption{margin-top:1rem;color:#94a3b8;font-size:.875rem;font-style:italic;line-height:1.6}.blog-content table{width:100%;border-collapse:collapse;margin:0;background-color:#0f172a80;border-radius:.75rem;overflow:hidden;border:1px solid rgb(30 41 59);min-width:600px}.blog-content .table-container{margin:2.5rem 0;overflow-x:auto;border-radius:.75rem;border:1px solid rgb(30 41 59);background-color:#0f172a80;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(82,102,207,.5) transparent}.blog-content .table-container::-webkit-scrollbar{height:8px}.blog-content .table-container::-webkit-scrollbar-track{background:transparent}.blog-content .table-container::-webkit-scrollbar-thumb{background-color:#5266cf80;border-radius:4px}.blog-content .table-container::-webkit-scrollbar-thumb:hover{background-color:#5266cfb3}.blog-content .table-container table{border:none;margin:0;background-color:transparent}.blog-content th{background-color:#5266cf;color:#fff;font-weight:600;padding:1rem;text-align:left;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.blog-content td{padding:1rem;border-bottom:1px solid rgb(30 41 59);color:#cbd5e1;line-height:1.6}.blog-content tr:last-child td{border-bottom:none}.blog-content tr:nth-child(2n){background-color:#1e293b33}.blog-content hr{border:none;height:2px;background:linear-gradient(to right,transparent,rgb(59 130 246),transparent);margin:3rem 0}@media (max-width: 768px){.blog-content table{font-size:.85rem}.blog-content th,.blog-content td{padding:.5rem}.blog-content th{font-size:.85rem}.blog-content .table-container{margin:1.5rem 0;box-shadow:inset -10px 0 10px -10px #5266cf33}}@media (max-width: 640px){.blog-content table{font-size:.8em}.blog-content th,.blog-content td{padding:.375rem}.blog-content th{font-size:.8em}.blog-content .table-container{margin:1rem 0;box-shadow:inset -15px 0 15px -15px #5266cf4d}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(82,102,207,.5) rgba(30,41,59,.3)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#5266cf80;border-radius:3px;transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#5266cfcc}.mobile-toc{max-height:60vh;overflow-y:auto}@media (max-width: 1023px){.mobile-toc{max-height:40vh}.mobile-toc-compact{max-height:30vh;font-size:.875rem}}.logo-responsive{transition:all .2s ease-in-out}@media (min-width: 768px) and (max-width: 1023px){.logo-responsive{transform:scale(.85)}}@media (min-width: 1024px) and (max-width: 1279px){.logo-responsive{transform:scale(.95)}}@media (min-width: 1280px){.logo-responsive{transform:scale(1)}}.overflow-safe{overflow-x:hidden;max-width:100vw}.text-fluid-xs{font-size:clamp(.75rem,2vw,.875rem)}.text-fluid-sm{font-size:clamp(.875rem,2.5vw,1rem)}.text-fluid-base{font-size:clamp(1rem,3vw,1.125rem)}.text-fluid-lg{font-size:clamp(1.125rem,3.5vw,1.25rem)}.text-fluid-xl{font-size:clamp(1.25rem,4vw,1.5rem)}.text-fluid-2xl{font-size:clamp(1.5rem,5vw,2rem)}.text-fluid-3xl{font-size:clamp(2rem,6vw,3rem)}.space-y-fluid>*+*{margin-top:clamp(.5rem,2vw,1.5rem)}.space-x-fluid>*+*{margin-left:clamp(.5rem,2vw,1.5rem)}.container-safe{width:100%;max-width:100vw;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-safe{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-safe{padding-left:2rem;padding-right:2rem}}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media (min-width: 640px){.grid-auto-fit{gap:1.5rem}}@media (min-width: 1024px){.grid-auto-fit{gap:2rem}}.btn-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){button,.btn,a[role=button]{min-height:44px;min-width:44px}}.img-responsive{width:100%;height:auto;max-width:100%;object-fit:cover}.modal-safe{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}@media (max-width: 640px){.modal-safe{padding:.5rem}}.flex-wrap-safe{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width: 640px){.flex-wrap-safe{gap:1rem}}.heading-responsive{line-height:1.2;margin-bottom:.5em}@media (max-width: 640px){.heading-responsive{line-height:1.3}}.nav-responsive{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.nav-responsive{flex-direction:row;gap:1rem}}.card-responsive{padding:1rem;border-radius:.5rem;background:#0f172a99;border:1px solid rgba(71,85,105,.3)}@media (min-width: 640px){.card-responsive{padding:1.5rem}}@media (min-width: 1024px){.card-responsive{padding:2rem}}.z-header{z-index:50}.z-modal{z-index:9999}.z-dropdown{z-index:100}.z-tooltip{z-index:200}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}.loading-skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header-container{min-height:64px;display:flex;align-items:center;justify-content:space-between;width:100%}@media (min-width: 768px) and (max-width: 1023px){.header-container{gap:.5rem}.header-nav-item{font-size:.75rem;padding:.25rem}.header-button-compact{padding:.375rem .75rem;font-size:.75rem}}@media (min-width: 1024px) and (max-width: 1279px){.header-container{gap:.75rem}.header-nav-item{font-size:.875rem}}@media (min-width: 1280px){.header-container{gap:1rem}}.nav-compact{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-compact::-webkit-scrollbar{display:none}@media (min-width: 1024px){.nav-compact{gap:1rem;overflow-x:visible}}@media (min-width: 1280px){.nav-compact{gap:1.5rem}}.btn-responsive{transition:all .2s ease-in-out}@media (min-width: 768px) and (max-width: 1023px){.btn-responsive{padding:.375rem .75rem;font-size:.75rem;line-height:1.2}}@media (min-width: 1024px) and (max-width: 1279px){.btn-responsive{padding:.5rem 1rem;font-size:.875rem}}@media (min-width: 1280px){.btn-responsive{padding:.625rem 1.25rem;font-size:1rem}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-slate-600{scrollbar-color:rgb(71 85 105) transparent}.scrollbar-track-transparent{scrollbar-track-color:transparent}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#475569;border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#64748b}html{scroll-behavior:smooth}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animate-in{animation-fill-mode:both}.slide-in-from-left{animation-name:slide-in-from-left}.duration-200{animation-duration:.2s}@media (max-width: 1280px){.toc-toggle,.toc-panel{left:.5rem}}@media (max-width: 1024px){.toc-toggle,.toc-panel{display:none!important}}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slow-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-slow-spin{animation:slow-spin 20s linear infinite}.animate-slow-spin-reverse{animation:slow-spin-reverse 25s linear infinite}.animate-float{animation:float-up-down 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.delay-1000{animation-delay:1s}.delay-2000{animation-delay:2s}.delay-3000{animation-delay:3s}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}.from-purple-500\/20{--tw-gradient-from: rgb(168 85 247 / .2);--tw-gradient-to: rgb(168 85 247 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500\/5{--tw-gradient-to: rgb(168 85 247 / 0);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .05), var(--tw-gradient-to)}.from-cyan-500\/20{--tw-gradient-from: rgb(6 182 212 / .2);--tw-gradient-to: rgb(6 182 212 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-cyan-500\/5{--tw-gradient-to: rgb(6 182 212 / 0);--tw-gradient-stops: var(--tw-gradient-from), rgb(6 182 212 / .05), var(--tw-gradient-to)}.from-brand-500\/20{--tw-gradient-from: rgb(99 102 241 / .2);--tw-gradient-to: rgb(99 102 241 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-brand-500\/5{--tw-gradient-to: rgb(99 102 241 / 0);--tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / .05), var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from: rgb(59 130 246 / .2);--tw-gradient-to: rgb(59 130 246 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-500\/5{--tw-gradient-to: rgb(59 130 246 / 0);--tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / .05), var(--tw-gradient-to)}
