@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.home-container{min-height:100vh;position:relative;overflow:hidden}.rainbow-background{position:absolute;inset:0;background:linear-gradient(to bottom right,#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#6366f1,#9333ea);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.orbs-container{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;border-radius:50%;mix-blend-mode:multiply;filter:blur(24px);animation:bounce 1s infinite}.orb-pink{width:288px;height:288px;background-color:#ec4899;opacity:.7;top:80px;left:80px}.orb-yellow{width:288px;height:288px;background-color:#eab308;opacity:.7;top:160px;right:80px;animation-delay:1s}.orb-cyan{width:288px;height:288px;background-color:#06b6d4;opacity:.7;bottom:-32px;left:160px;animation-delay:2s}.orb-purple{width:384px;height:384px;background-color:#8b5cf6;opacity:.5;top:50%;right:33.333333%;animation-delay:.5s}.orb-orange{width:256px;height:256px;background-color:#f97316;opacity:.6;bottom:80px;right:40px;animation-delay:1.5s}.content-container{position:relative;z-index:10;padding:64px 24px;margin:0 auto;max-width:80rem}.hero-section{text-align:center;margin-bottom:64px}.hero-title{font-size:4.5rem;font-weight:700;margin-bottom:24px;letter-spacing:-.025em}.title-gradient{background-clip:text;-webkit-background-clip:text;color:transparent;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.title-line-1{background:linear-gradient(to right,#f87171,#fb923c,#facc15,#4ade80,#60a5fa,#818cf8,#a855f7)}.title-line-2{background:linear-gradient(to right,#f472b6,#f87171,#fb923c,#facc15,#4ade80,#60a5fa,#a855f7)}.hero-description{font-size:1.5rem;color:#fff;margin-bottom:32px;max-width:64rem;margin-left:auto;margin-right:auto;line-height:1.75;font-weight:500;text-shadow:0 4px 6px rgba(0,0,0,.1)}.feature-pills{display:flex;justify-content:center;gap:24px;margin-bottom:48px}.feature-pill{display:flex;align-items:center;gap:12px;border-radius:9999px;padding:16px 32px;box-shadow:0 10px 15px -3px #0000001a;transform:translateZ(0);transition:all .3s ease;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.feature-pill:hover{transform:scale(1.1)}.feature-pill-green{background:linear-gradient(to right,#4ade80,#10b981)}.feature-pill-blue{background:linear-gradient(to right,#60a5fa,#06b6d4);animation-delay:.2s}.feature-pill-purple{background:linear-gradient(to right,#a855f7,#ec4899);animation-delay:.4s}.pill-indicator{width:16px;height:16px;background-color:#fff;border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.pill-text{color:#fff;font-weight:700;font-size:1.125rem}.chatbot-section{display:flex;justify-content:center;margin-bottom:80px}.chatbot-container{width:100%;max-width:64rem}.chatbot-card{background:linear-gradient(to bottom right,#fff3,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;border:2px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #00000040;padding:40px;position:relative;overflow:hidden}.chatbot-border{position:absolute;inset:0;background:linear-gradient(to right,#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#6366f1,#9333ea);border-radius:24px;opacity:.2;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chatbot-content{position:relative;z-index:10}.chatbot-header{text-align:center;margin-bottom:40px}.ai-assistant-badge{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(to right,#ec4899,#8b5cf6,#3b82f6);border-radius:9999px;padding:16px 32px;margin-bottom:24px;box-shadow:0 20px 25px -5px #0000001a;transform:translateZ(0);transition:all .3s ease}.ai-assistant-badge:hover{transform:scale(1.05)}.badge-icon{width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a}.icon{width:24px;height:24px;color:#8b5cf6}.badge-text{color:#fff;font-weight:700;font-size:1.25rem}.chatbot-subtitle{color:#fff;font-size:1.25rem;font-weight:500;text-shadow:0 4px 6px rgba(0,0,0,.1)}.features-grid{display:grid;gap:32px}.feature-card{border-radius:24px;padding:32px;border:2px solid;transition:all .5s ease;transform:translateZ(0)}.feature-card:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.feature-card-blue{background:linear-gradient(to bottom right,#3b82f633,#06b6d433);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#60a5fa4d}.feature-card-blue:hover{border-color:#60a5fa80}.feature-card-purple{background:linear-gradient(to bottom right,#8b5cf633,#ec489933);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#a78bfa4d}.feature-card-purple:hover{border-color:#a78bfa80}.feature-card-green{background:linear-gradient(to bottom right,#22c55e33,#10b98133);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#4ade804d}.feature-card-green:hover{border-color:#4ade8080}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease}.feature-icon-blue{background:linear-gradient(to right,#3b82f6,#06b6d4)}.feature-icon-purple{background:linear-gradient(to right,#8b5cf6,#ec4899)}.feature-icon-green{background:linear-gradient(to right,#22c55e,#10b981)}.feature-title{color:#fff;font-weight:700;font-size:1.5rem;margin-bottom:16px}.feature-description{font-size:1.125rem;line-height:1.75}.feature-description-blue{color:#dbeafe}.feature-description-purple{color:#f3e8ff}.feature-description-green{color:#dcfce7}.bottom-cta{margin-top:80px;text-align:center}.cta-banner{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(to right,#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#6366f1,#9333ea);border-radius:9999px;padding:16px 32px;box-shadow:0 20px 25px -5px #0000001a}.cta-text{color:#fff;font-weight:700;font-size:1.125rem}.cta-subtext{color:#fff;font-weight:500}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.space-y-4>*+*{margin-top:1rem}.text-center{text-align:center}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mt-4{margin-top:1rem}.mt-20{margin-top:5rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.transition-all{transition:all .3s ease}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.transform{transform:translateZ(0)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-gray-900{--tw-gradient-from: #111827;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))}.via-purple-900{--tw-gradient-stops: var(--tw-gradient-from), #581c87, var(--tw-gradient-to, rgba(88, 28, 135, 0))}.to-gray-900{--tw-gradient-to: #111827}.from-red-500{--tw-gradient-from: #ef4444;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))}.via-orange-500{--tw-gradient-stops: var(--tw-gradient-from), #f97316, var(--tw-gradient-to, rgba(249, 115, 22, 0))}.via-yellow-500{--tw-gradient-stops: var(--tw-gradient-from), #eab308, var(--tw-gradient-to, rgba(234, 179, 8, 0))}.via-green-500{--tw-gradient-stops: var(--tw-gradient-from), #22c55e, var(--tw-gradient-to, rgba(34, 197, 94, 0))}.via-blue-500{--tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0))}.via-indigo-500{--tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0))}.from-pink-500{--tw-gradient-from: #ec4899;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))}.to-pink-600{--tw-gradient-to: #db2777}.from-blue-500{--tw-gradient-from: #3b82f6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))}.to-cyan-500{--tw-gradient-to: #06b6d4}.from-green-500{--tw-gradient-from: #22c55e;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 197, 94, 0))}.to-emerald-500{--tw-gradient-to: #10b981}.from-purple-500{--tw-gradient-from: #8b5cf6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))}.to-purple-600{--tw-gradient-to: #9333ea}.from-yellow-500{--tw-gradient-from: #eab308;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 179, 8, 0))}.to-yellow-600{--tw-gradient-to: #ca8a04}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-pink-500\/20{background-color:#ec489933}.bg-blue-500\/20{background-color:#3b82f633}.bg-green-500\/20{background-color:#22c55e33}.bg-purple-500\/20{background-color:#8b5cf633}.bg-yellow-500\/20{background-color:#eab30833}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width: 768px){.md\:grid{display:grid}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex{display:flex}.md\:space-x-8>*+*{margin-left:2rem}}@media (min-width: 1024px){.lg\:max-w-md{max-width:28rem}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-5xl{max-width:64rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*:focus{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px transparent}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:from-pink-600:hover{--tw-gradient-from: #db2777}.hover\:to-purple-600:hover{--tw-gradient-to: #9333ea}.hover\:text-pink-100:hover{color:#fce7f3}.hover\:text-blue-100:hover{color:#dbeafe}.hover\:text-green-100:hover{color:#dcfce7}.hover\:text-purple-100:hover{color:#f3e8ff}.hover\:text-yellow-100:hover{color:#fefce8}.hover\:border-pink-400\/50:hover{border-color:#f472b680}.hover\:border-blue-400\/50:hover{border-color:#60a5fa80}.hover\:border-green-400\/50:hover{border-color:#4ade8080}.hover\:border-purple-400\/50:hover{border-color:#a78bfa80}.hover\:border-yellow-400\/50:hover{border-color:#facc1580}.active\:scale-95:active{transform:scale(.95)}.grid{display:grid}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.min-h-screen{min-height:100vh}.max-w-7xl{max-width:80rem}.resize-none{resize:none}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px currentColor}.focus\:ring-purple-500\/50:focus{box-shadow:0 0 0 2px #8b5cf680}.focus\:border-purple-400\/50:focus{border-color:#a78bfa80}.focus\:border-transparent:focus{border-color:transparent}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.text-transparent{color:transparent}.border{border-width:1px;border-style:solid}.cursor-pointer{cursor:pointer}.floating-chatbot-btn{position:fixed;bottom:2rem;right:2rem;width:65px;height:65px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #2563eb66;cursor:pointer;z-index:9999;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.floating-chatbot-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px #2563eb80}.navbar{background-color:#fff;padding:1rem 2rem;color:#0f172a;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo a{outline:none!important;-webkit-tap-highlight-color:transparent;border:none!important}.navbar-logo a:focus,.navbar-logo a:active,.navbar-logo a:focus-visible{outline:none!important;box-shadow:none!important}.logo-box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-logo:hover .logo-box{transform:translateY(-2px) rotate(5deg);box-shadow:0 4px 12px #3b82f633}.navbar-logo a:active .logo-box,.navbar-logo a:focus-visible .logo-box{outline:none;box-shadow:0 0 0 3px #3b82f64d;transform:scale(.95)}.logo-svg{width:24px;height:24px;color:#3b82f6;transition:transform .5s ease}.navbar-logo:hover .logo-outer-circle{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg);transform-origin:center}}.brand-text{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .2s}.navbar-logo:hover .brand-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-links{display:flex;gap:.5rem}.navbar-links a{text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.95rem;transition:all .2s ease;color:#475569}.navbar-links a:hover{background-color:#f1f5f9;color:#0f172a}.navbar-login a{background-color:#0284c7;color:#fff;padding:.5rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000d}.navbar-login a:hover{background-color:#0369a1;box-shadow:0 4px 6px -1px #0284c733}.navbar-menu{display:flex;align-items:center;gap:2rem}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:#0f172a;cursor:pointer;padding:.5rem;z-index:100}@media (max-width: 960px){.navbar{padding:1rem 1.5rem;position:relative}.mobile-menu-btn{display:block}.navbar-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;align-items:stretch;padding:0;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;box-shadow:0 10px 15px -3px #0000001a;z-index:99;border-bottom:none}.navbar-menu.active{max-height:600px;padding:1rem 1.5rem 2rem;border-bottom:1px solid #e2e8f0}.navbar-links{flex-direction:column;gap:.25rem;width:100%}.navbar-links a{display:block;padding:.75rem 1rem;text-align:left;border-radius:6px}.navbar-login{margin-top:1rem;display:flex;justify-content:center}.navbar-login a{width:100%;text-align:center;padding:.75rem 1rem}}.cp-backdrop{position:fixed;inset:0;background:#0a0a1499;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9000;animation:cpBackdropIn .15s ease}.cp-container{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,90vw);background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000047,0 0 0 1px #0000000f,0 4px 12px #667eea1f;z-index:9001;overflow:hidden;animation:cpSlideDown .18s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;max-height:70vh}.cp-search-row{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid #f0f0f5;flex-shrink:0}.cp-search-icon{color:#9ca3af;flex-shrink:0;font-size:1.1rem}.cp-search-input{flex:1;border:none;outline:none;font-size:1.05rem;font-weight:500;color:#111827;background:transparent;font-family:inherit}.cp-search-input::placeholder{color:#b0b7c3;font-weight:400}.cp-kbd-esc{font-size:.72rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:.2rem .5rem;color:#6b7280;font-family:ui-monospace,monospace;flex-shrink:0;cursor:default}.cp-results{overflow-y:auto;flex:1;padding:.5rem 0}.cp-section-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;padding:.6rem 1.1rem .3rem}.cp-result-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.1rem;cursor:pointer;transition:background .1s;border-radius:0;border:none;width:100%;text-align:left;background:transparent;font-family:inherit}.cp-result-item:hover,.cp-result-item.cp-active{background:linear-gradient(90deg,#667eea14,#764ba20d)}.cp-result-item.cp-active{border-left:3px solid #667eea;padding-left:calc(1.1rem - 3px)}.cp-result-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cp-result-icon.workflow{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.cp-result-icon.agent{background:linear-gradient(135deg,#fef9c3,#fefce8)}.cp-result-icon.tool{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.cp-result-icon.action{background:linear-gradient(135deg,#fce7f3,#fdf2f8)}.cp-result-text{flex:1;min-width:0}.cp-result-name{font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-result-sub{font-size:.75rem;color:#9ca3af;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-result-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:5px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.cp-badge-workflow{background:#dbeafe;color:#1d4ed8}.cp-badge-agent{background:#fef9c3;color:#92400e}.cp-badge-tool{background:#dcfce7;color:#15803d}.cp-badge-action{background:#fce7f3;color:#9d174d}.cp-divider{height:1px;background:#f3f4f6;margin:.35rem 0}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#9ca3af;text-align:center;gap:.75rem}.cp-empty-icon{font-size:2.5rem}.cp-empty-title{font-size:.95rem;font-weight:600;color:#6b7280;margin:0}.cp-empty-sub{font-size:.82rem;margin:0;line-height:1.5}.cp-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;color:#9ca3af;font-size:.88rem}.cp-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:cpSpin .7s linear infinite;flex-shrink:0}.cp-footer{border-top:1px solid #f0f0f5;padding:.55rem 1.1rem;display:flex;gap:1.25rem;flex-shrink:0;background:#fafafa}.cp-hint{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#9ca3af}.cp-hint kbd{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace;font-size:.68rem;color:#6b7280}.cp-nav-btn{display:flex;align-items:center;gap:.45rem;padding:.4rem .85rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit;white-space:nowrap}.cp-nav-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.cp-nav-kbd{font-size:.68rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace;color:#94a3b8}@keyframes cpBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes cpSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes cpSpin{to{transform:rotate(360deg)}}