@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply m-0 p-0 box-border}html{@apply scroll-smooth overflow-x-hidden}body{background:#0c0c0c;@apply text-white min-h-screen relative;font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body::before{content:'';@apply fixed inset-0 pointer-events-none;background:linear-gradient(135deg,#0C0C0C 0%,#111827 100%);z-index:-3}}@layer components{body>header{background:rgba(12,12,12,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);@apply shadow-lg}.blog-container{@apply px-5 sm:px-6 md:px-8}.blog-content{@apply leading-relaxed;color:rgba(255,255,255,.9)}.blog-content h2{@apply mt-10 mb-5 text-3xl font-bold leading-tight text-white}.blog-content h3{@apply mt-8 mb-4 text-2xl font-semibold text-gray-200}.blog-content .newsletter-cta h3,.blog-content .register-cta h3,.blog-content .prompt-box h3{@apply mt-0 mb-3 text-2xl font-bold text-white}.blog-content h4{@apply mt-6 mb-3 text-xl font-semibold text-gray-200}.blog-content p{@apply mb-5 text-gray-300}.blog-content ul{@apply mb-5 pl-6 text-gray-300 list-disc}.blog-content ol{@apply mb-5 pl-6 text-gray-300 list-decimal}.blog-content li{@apply mb-2}.blog-content ul li::marker{@apply text-gray-500}.blog-content ol li::marker{@apply text-gray-500 font-medium}.blog-content a{@apply text-[#005CFF] no-underline transition-colors hover:text-[#2A82FF]}.blog-content code{@apply bg-white/5 border border-white/10 px-2 py-1 rounded text-sm text-gray-300}.blog-content pre:not(.chroma){@apply border border-white/10 text-gray-100 p-4 sm:p-6 rounded-xl overflow-x-auto my-6 text-sm sm:text-base bg-[#0E1A2F]/80;max-width:100%;word-wrap:break-word;box-shadow:0 0 20px rgba(255,255,255,3%)}.blog-content pre code{@apply bg-transparent border-0 p-0 text-inherit}.blog-content blockquote{@apply border-l-4 border-[#005CFF] bg-[#0E1A2F]/40 p-4 px-6 my-6 rounded-lg text-gray-300}.blog-content img{@apply max-w-full h-auto rounded-xl my-8 border border-white/10;box-shadow:0 0 20px rgba(255,255,255,3%)}.blog-content strong{@apply text-white font-semibold}}@layer base{.blog-content table{@apply w-full my-6 border-collapse overflow-hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:500px}@media(max-width:640px){.blog-content table{min-width:400px;font-size:.88rem}.blog-content th,.blog-content td{@apply px-3 py-2}}.blog-content thead{background:rgba(255,255,255,5%)}.blog-content th{@apply px-4 py-3 text-left text-gray-300 font-semibold text-sm uppercase tracking-wider;border:1px solid rgba(255,255,255,.1)}.blog-content td{@apply px-4 py-3 text-gray-300;border:1px solid rgba(255,255,255,.1)}.blog-content tbody tr{background:rgba(255,255,255,2%);@apply transition-colors}.blog-content tbody tr:hover{background:rgba(255,255,255,5%)}.blog-content tbody tr:nth-child(even){background:rgba(255,255,255,3%)}.blog-card{@apply bg-[#0E1A2F]/40 backdrop-blur-lg border border-white/10 rounded-3xl p-8 transition-all duration-500 relative overflow-hidden}.blog-card:hover{@apply border-white/20;box-shadow:0 0 20px rgba(255,255,255,5%)}.blog-tag{@apply bg-white/5 text-gray-400 border border-white/10 px-2 py-0.5 rounded-full text-[10px] font-normal transition-all no-underline inline-block}.blog-tag:hover{@apply bg-white/10 border-white/20 text-gray-300}a.blog-tag,footer a.blog-tag{@apply no-underline bg-white/5 border border-white/10 rounded-full}.blog-button{@apply bg-[#005CFF] text-white px-8 py-3 rounded-xl font-medium transition-all inline-flex items-center gap-2 border-0 cursor-pointer}.blog-button:hover{@apply bg-[#2A82FF];box-shadow:0 0 25px rgba(0,92,255,.5)}.blog-button-outline{@apply bg-transparent border border-white/10 text-white px-8 py-3 rounded-xl font-medium transition-all inline-flex items-center gap-2 cursor-pointer}.blog-button-outline:hover{@apply border-white/20 text-white}}@layer utilities{a:focus,button:focus{@apply outline-2 outline-[#005CFF] outline-offset-2}::-webkit-scrollbar{@apply w-2}::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{@apply bg-[#005CFF] rounded}::-webkit-scrollbar-thumb:hover{@apply bg-[#2A82FF]}::selection{background-color:rgba(0,92,255,.3);@apply text-white}}.table-wrapper{width:100%;overflow-x:auto;margin-top:1.5rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,92,255,.5)rgba(0,92,255,.1)}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:rgba(0,92,255,.1);border-radius:.25rem}.table-wrapper::-webkit-scrollbar-thumb{background:rgba(0,92,255,.5);border-radius:.25rem}.table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,92,255,.7)}.table-wrapper table{margin-top:0;margin-bottom:0}.bg{color:#f8f8f2;background-color:#272822}.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3c3d38}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .nf{color:#a6e22e}.chroma .fm{color:#a6e22e}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}.blog-content .chroma{@apply bg-[#1a1e24] text-[#f8f8f2] rounded-xl my-6 overflow-x-auto border border-white/10;box-shadow:0 0 20px rgba(0,92,255,8%)}.blog-content .chroma pre{@apply border-0 bg-transparent shadow-none m-0 py-3 px-4 text-sm}.blog-content .chroma .lntable{@apply block w-full}.blog-content .chroma .lntd{@apply border-0 p-0 m-0}.blog-content .chroma .lntd:first-child{@apply select-none}.blog-content .chroma .lntd:first-child pre{@apply pl-4 pr-3 text-white/25 border-r border-white/5}.blog-content .chroma .lntd:last-child{@apply w-full}.blog-content .chroma .lntd:last-child pre{@apply pl-4}.blog-content .tabs-content [data-tab-panel]>.chroma{@apply my-3;box-shadow:none}.blog-content .tabs-content [data-tab-panel]>*:first-child.chroma{@apply mt-0 rounded-t-none border-t-0}.blog-content .tabs-content [data-tab-panel]>p{@apply mt-5 mb-2 text-sm text-white/60}.blog-content .tabs-content [data-tab-panel]>*:last-child{@apply mb-0}.code-block-wrapper{@apply relative}.code-copy-btn{@apply absolute top-2.5 right-2.5 p-1.5 rounded-md bg-white/5 text-white/40 hover:text-white/80 hover:bg-white/10 transition-colors duration-200 z-10}.code-copy-btn.copied{@apply text-green-400}.newsletter-popup{animation:slideUp .3s ease-out}.newsletter-popup.hidden{display:none!important}.newsletter-popup.animate-slide-up{animation:slideUp .3s ease-out}.newsletter-popup.animate-slide-down{animation:slideDown .3s ease-out}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:640px){.newsletter-content{@apply max-w-full mx-4 p-6;max-height:85vh}.newsletter-content h2{@apply text-xl}.newsletter-content p{@apply text-sm}.newsletter-content input,.newsletter-content button{@apply py-3 px-4 text-sm}}.newsletter-content::-webkit-scrollbar{width:4px}.newsletter-content::-webkit-scrollbar-track{background:rgba(0,92,255,.1)}.newsletter-content::-webkit-scrollbar-thumb{background:rgba(0,92,255,.3);border-radius:2px}.newsletter-content::-webkit-scrollbar-thumb:hover{background:rgba(0,92,255,.5)}.prose-response h1,.prose-response h2,.prose-response h3,.prose-response h4{color:rgba(219,234,254,.9);font-weight:600;margin:.75em 0 .4em}.prose-response h1{font-size:1.1em}.prose-response h2{font-size:1.1em}.prose-response h3{font-size:1em}.prose-response p{margin:.4em 0}.prose-response ul,.prose-response ol{padding-left:1.3em;margin:.4em 0}.prose-response li{margin:.15em 0}.prose-response li::marker{color:rgba(0,92,255,.5)}.prose-response strong{color:rgba(219,234,254,.95)}.prose-response table{width:100%;border-collapse:collapse;margin:.5em 0;font-size:.85em}.prose-response th,.prose-response td{border:1px solid rgba(0,92,255,.15);padding:.35em .6em;text-align:left}.prose-response th{background:rgba(0,92,255,8%);color:rgba(219,234,254,.8);font-weight:600}.prose-response code{background:rgba(0,92,255,.1);padding:.1em .3em;border-radius:3px;font-size:.9em}.prose-response pre{background:rgba(10,22,40,.8);border:1px solid rgba(0,92,255,.15);border-radius:.5em;padding:.75em;overflow-x:auto;margin:.5em 0}.prose-response pre code{background:0 0;padding:0}.prose-response hr{border:none;border-top:1px solid rgba(0,92,255,.15);margin:.75em 0}.prose-response blockquote{border-left:3px solid rgba(0,92,255,.3);padding-left:.75em;margin:.5em 0;color:rgba(219,234,254,.6)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(0,92,255,.3)transparent}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgba(0,92,255,.3);border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:rgba(0,92,255,.5)}.glass-card{background:rgba(14,26,47,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,8%);box-shadow:0 8px 32px rgba(0,0,0,.37);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:rgba(0,92,255,.3);box-shadow:0 0 30px rgba(0,92,255,.15),inset 0 0 12px rgba(0,92,255,5%)}.spotlight-card{position:relative;overflow:hidden}.spotlight-card::before{content:'';position:absolute;inset:0;background:radial-gradient( 800px circle at var(--mouse-x,0px) var(--mouse-y,0px),rgba(0,92,255,6%),transparent 40% );z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease}.spotlight-card:hover::before{opacity:1}.spider-chart-svg polygon{transition:points .8s cubic-bezier(.16,1,.3,1),fill .4s ease,stroke .4s ease}.spider-chart-svg circle{transition:cx .8s cubic-bezier(.16,1,.3,1),cy .8s cubic-bezier(.16,1,.3,1),r .3s ease}.spider-chart-svg line,.spider-chart-svg text{animation:fadeIn .8s ease forwards}.details-row{transition:background-color .3s ease}.details-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.details-row.open .details-content-wrapper{grid-template-rows:1fr}.details-content-inner{min-height:0}.animated-progress-bar{transition:width .8s cubic-bezier(.16,1,.3,1)}.radar-chart{animation:fadeIn .4s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}