@tailwind base;@tailwind components;@tailwind utilities;*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#0f0c29;width:100%;min-height:100vh;overflow-x:hidden}@media (max-width:768px){.desktop-nav,.desktop-auth{display:none!important}.hamburger{display:flex!important}.contact-grid{grid-template-columns:1fr!important;gap:32px!important}.contact-form-row{grid-template-columns:1fr!important}}@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.blog-grid{grid-template-columns:1fr!important}}.blog-featured{grid-template-columns:1fr 1fr;display:grid}@media (max-width:860px){.blog-featured{grid-template-columns:1fr!important}.blog-featured-img{height:220px!important}}@media (max-width:480px){.blog-card-img{height:160px!important}}@media (max-width:900px){.home-layout{grid-template-columns:1fr!important}.home-sidebar{display:none!important}}.trending-grid{grid-template-columns:repeat(4,1fr)!important}@media (max-width:1200px){.trending-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:860px){.trending-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:520px){.trending-grid{grid-template-columns:1fr!important}}.blog-2up{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}@media (max-width:960px){.blog-2up{grid-template-columns:1fr!important}}.blog-filter-cats{scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.blog-filter-cats::-webkit-scrollbar{display:none}.blog-topic-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.blog-topic-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:520px){.blog-topic-grid{grid-template-columns:1fr!important}}.blog-sidebar-img{border-radius:10px;flex-shrink:0;width:80px;height:80px}@media (max-width:480px){.blog-sidebar-img{width:64px;height:64px}}.blog-definition-box{background:#6366f114;border:1px solid #6366f140;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;padding:20px 24px}.blog-techniques-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:700px){.blog-techniques-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:420px){.blog-techniques-grid{grid-template-columns:1fr!important}}.blog-ai-summary{word-break:break-word;overflow-wrap:break-word;background:#6366f112;border:1px solid #6366f138;border-radius:16px;margin-bottom:36px;padding:24px 28px;overflow:hidden}.blog-quick-answer{background:#6366f10f;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;margin:28px 0;padding:20px 24px}.blog-author-bio{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-top:48px;padding:24px 26px}.blog-related-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}@media (max-width:760px){.blog-related-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:440px){.blog-related-grid{grid-template-columns:1fr!important}}.blog-sticky-cta{display:none!important}@media (max-width:768px){.blog-sticky-cta{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0c29f7;border-top:1px solid #6366f14d;justify-content:space-between;align-items:center;gap:12px;padding:12px 5%;position:fixed;bottom:0;left:0;right:0;display:flex!important}}.toc-progress-fill{background:#6366f1;border-radius:2px;width:2px;transition:height .3s;position:absolute;top:0;bottom:0;left:0}.prompt-block{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin:1.8rem 0;overflow:hidden}.prompt-block-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.prompt-block-label{color:#a5b4fc;font-size:12px;font-weight:700}.prompt-block-actions{flex-shrink:0;gap:8px;display:flex}.prompt-block-body{padding:16px 20px}.prompt-pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;color:#a5b4fc;background:#00000073;border:1px solid #6366f140;border-radius:10px;margin:0;padding:18px 20px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.75}.prompt-pre code{white-space:pre-wrap;color:inherit!important;font-size:inherit!important;background:0 0!important;padding:0!important;font-family:inherit!important}.prompt-copy-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f12e;border:1px solid #6366f159;border-radius:7px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.prompt-copy-btn:hover{color:#fff;background:#6366f159;border-color:#6366f199}.prompt-try-btn{color:#fff;white-space:nowrap;background:linear-gradient(90deg,#6366f1,#a855f7);border:none;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .15s}.prompt-try-btn:hover{opacity:.85;color:#fff;text-decoration:none}@media (max-width:768px){.prompt-try-btn{display:none}}.blog-content h2{color:#fff;letter-spacing:-.01em;margin:2.6rem 0 1rem;scroll-margin-top:90px;font-size:1.45rem;font-weight:900;line-height:1.3}.blog-content h3{color:#ffffffeb;margin:1.8rem 0 .7rem;scroll-margin-top:90px;font-size:1.1rem;font-weight:700}.blog-content p{color:#ffffffbf;margin:0 0 1.25rem;line-height:1.82}.blog-content ul,.blog-content ol{color:#ffffffbf;margin:0 0 1.25rem;padding-left:24px}.blog-content li{margin-bottom:.55rem;line-height:1.78}.blog-content strong{color:#fff;font-weight:700}.blog-content em{color:#ffffffa6}.blog-content a{color:#a5b4fc;text-underline-offset:3px;text-decoration:underline}.blog-content a:hover{color:#fff}.blog-content code{color:#a5b4fc;background:#6366f11f;border-radius:4px;padding:2px 6px;font-family:Fira Code,"ui-monospace",Courier New,monospace;font-size:13px}.blog-content pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-x:hidden}.blog-content table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;min-width:580px;margin:1.8rem 0;display:block;overflow-x:auto}.blog-content th{color:#a5b4fc;text-align:left;letter-spacing:.5px;white-space:nowrap;background:#6366f12e;border:1px solid #6366f147;min-width:100px;padding:12px 18px;font-size:13px;font-weight:800}.blog-content td{color:#ffffffb8;border:1px solid #ffffff12;min-width:100px;padding:12px 18px;font-size:14px}.blog-content tr:nth-child(2n) td{background:#ffffff05}.blog-content .cta-block{background:linear-gradient(135deg,#6366f12e,#a855f71f);border:1.5px solid #6366f159;border-radius:16px;margin:2.8rem 0;padding:28px 32px}.blog-content .cta-title{margin:0 0 10px;font-size:1.1rem;font-weight:800;color:#fff!important}.blog-content .cta-body{margin:0 0 18px;color:#ffffffb3!important}.blog-content .cta-btn{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;padding:12px 28px;font-size:15px;font-weight:700;display:inline-block;color:#fff!important;text-decoration:none!important}@media (max-width:768px){.blog-content h2{font-size:1.22rem}.prompt-block pre{font-size:12.5px;padding:16px 14px!important}.prompt-try-btn{display:none!important}.blog-content td,.blog-content th{padding:9px 12px;font-size:12px}.blog-content .cta-block{padding:20px}}.blog-toc-sidebar::-webkit-scrollbar{width:3px}.blog-toc-sidebar::-webkit-scrollbar-track{background:0 0}.blog-toc-sidebar::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}@media (max-width:1280px){.blog-three-col{grid-template-columns:190px minmax(0,1fr) 230px!important;gap:24px!important}}@media (max-width:1100px){.blog-three-col{grid-template-columns:180px minmax(0,1fr)!important;gap:24px!important}.blog-detail-sidebar{display:none!important}}@media (max-width:900px){.blog-three-col{grid-template-columns:1fr!important;gap:28px!important;padding:32px 5% 60px!important}.blog-toc-sidebar{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;max-height:none!important;padding:16px!important;position:static!important}.blog-detail-layout{grid-template-columns:1fr!important;gap:28px!important;padding:32px 5% 60px!important}}@media (max-width:768px){.blog-detail-sidebar{display:none!important}}@media (max-width:480px){.blog-detail-layout,.blog-three-col{padding:24px 4% 100px!important}}.trust-bar{flex-wrap:nowrap;justify-content:space-evenly;align-items:center;width:100%;display:flex}.trust-item{color:#ffffff8c;white-space:nowrap;border-right:1px solid #ffffff14;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.trust-item:last-child{border-right:none}.trust-icon{flex-shrink:0;font-size:15px}@media (max-width:860px){.trust-bar{flex-wrap:wrap;justify-content:center}.trust-item{white-space:normal;border-bottom:1px solid #ffffff0f;border-right:none;flex:0 0 50%;padding:10px 16px}.trust-item:nth-child(odd){border-right:1px solid #ffffff0f}.trust-item:nth-last-child(-n+2){border-bottom:none}}@media (max-width:480px){.trust-item{flex:0 0 100%;justify-content:center;border-right:none!important}.trust-item:nth-last-child(-n+2){border-bottom:1px solid #ffffff0f!important}.trust-item:last-child{border-bottom:none!important}}select option{color:#e2e8f0;background:#1a1535}select option:disabled{color:#ffffff40;background:#1a1535}select optgroup{color:#a5b4fc99;background:#0f0c29;font-size:11px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:#818cf8;margin-left:1px;font-weight:300;animation:.7s step-end infinite cursor-blink}@keyframes thinking-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.thinking-dot{animation:1.2s ease-in-out infinite thinking-dot}.thinking-dot-0{animation-delay:0s}.thinking-dot-1{animation-delay:.2s}.thinking-dot-2{animation-delay:.4s}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}.mic-recording{animation:1.2s ease-in-out infinite mic-pulse}.save-gate-wrap{align-items:center;display:inline-flex;position:relative}.save-tooltip{white-space:nowrap;color:#cfc8e8;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16122af7;border:1px solid #a882ff47;border-radius:10px;padding:10px 14px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.save-tooltip:after{content:"";border:6px solid #0000;border-top-color:#a882ff47;position:absolute;top:100%;right:18px}.save-gate-wrap:hover .save-tooltip{pointer-events:auto;display:block}
