.ais-SearchBox-form{position:relative}.ais-SearchBox-input{width:100%;background-color:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.8rem 1.25rem .8rem 2.5rem;color:#fff;font-size:1rem;box-shadow:inset 2px 2px 5px #0003,inset -2px -2px 5px #ffffff0d;transition:all .3s ease}.ais-SearchBox-input:focus{outline:none;background-color:#1e293b99;border-color:#667eea80;box-shadow:inset 2px 2px 5px #0003,0 0 15px #667eea33}.ais-SearchBox-submit,.ais-SearchBox-loadingIndicator{position:absolute;top:50%;transform:translateY(-50%)}.ais-SearchBox-submit{left:.75rem}.ais-SearchBox-reset,.ais-SearchBox-loadingIndicator{right:.75rem}.ais-SearchBox-submitIcon,.ais-SearchBox-resetIcon,.ais-SearchBox-loadingIcon{width:1rem;height:1rem;fill:#94a3b8cc}.ais-SearchBox-reset:hover .ais-SearchBox-resetIcon{fill:#fff}.ais-Hits-list{list-style:none;padding:0;margin:0}.ais-Hits-item{list-style:none;margin-bottom:.5rem}.ais-Highlight-highlighted{background-color:#3b82f633;color:#60a5fa;font-style:normal;font-weight:600;padding:0 .125rem;border-radius:.125rem}.ais-Hits--empty{padding:2rem;text-align:center;color:#94a3b8cc}.ais-SearchBox-loadingIcon{animation:spin 1s linear infinite}.ais-Stats{font-size:.75rem;color:#94a3b8cc;padding:.5rem 0}.ais-Pagination{display:flex;justify-content:center;gap:.5rem;padding:1rem 0}.ais-Pagination-item{list-style:none}.ais-Pagination-link{display:block;padding:.5rem .75rem;background-color:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;text-decoration:none;transition:all .2s}.ais-Pagination-link:hover{background-color:#3b82f633;border-color:#3b82f680}.ais-Pagination-item--selected .ais-Pagination-link{background-color:#3b82f6;border-color:#3b82f6}.ais-Pagination-item--disabled .ais-Pagination-link{opacity:.5;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{min-height:280px}.pulse-loader{display:flex;gap:.5rem}.pulse-loader span{width:12px;height:12px;background:var(--primary);border-radius:50%;animation:pulse-bounce 1.4s ease-in-out infinite both}.pulse-loader span:nth-child(1){animation-delay:-.32s}.pulse-loader span:nth-child(2){animation-delay:-.16s}.pulse-loader span:nth-child(3){animation-delay:0s}@keyframes pulse-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.btn-press{transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-press:hover{transform:translateY(-2px)}.btn-press:active{transform:translateY(1px) scale(.98)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.ripple:active:after{animation:ripple-effect .6s ease-out}@keyframes ripple-effect{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(40);opacity:0}}.glow-hover{transition:box-shadow .3s ease}.glow-hover:hover{box-shadow:0 0 30px #6366f166}.card-premium{position:relative;background:#1e274980;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.card-premium:hover:before{opacity:1}.card-premium:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 20px 40px #0000004d,0 0 60px #6366f11a}.card-selected{border-color:#3b82f6!important;background:#3b82f61a!important}.card-selected:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 40px 40px 0;border-color:transparent rgb(59,130,246) transparent transparent}.stagger-in>*{opacity:0;transform:translateY(20px);animation:stagger-fade-in .5s ease forwards}.stagger-in>*:nth-child(1){animation-delay:.05s}.stagger-in>*:nth-child(2){animation-delay:.1s}.stagger-in>*:nth-child(3){animation-delay:.15s}.stagger-in>*:nth-child(4){animation-delay:.2s}.stagger-in>*:nth-child(5){animation-delay:.25s}.stagger-in>*:nth-child(6){animation-delay:.3s}.stagger-in>*:nth-child(7){animation-delay:.35s}.stagger-in>*:nth-child(8){animation-delay:.4s}.stagger-in>*:nth-child(9){animation-delay:.45s}.stagger-in>*:nth-child(10){animation-delay:.5s}.stagger-in>*:nth-child(n+11){animation-delay:.55s}@keyframes stagger-fade-in{to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slide-left .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slide-right .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.scale-in{animation:scale-in .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;font-size:.75rem;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:100;box-shadow:0 4px 20px #0000004d}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f172af2;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.progress-bar{height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;animation:gradient-shift 2s linear infinite;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 1.5s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);padding:1rem 1.5rem;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#fff;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.75rem;box-shadow:0 20px 40px #0006;z-index:1000;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #3b82f6}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 40px #6366f14d}.counter{display:inline-block;font-variant-numeric:tabular-nums;transition:transform .3s ease}.counter-bump{animation:counter-bump .3s ease}@keyframes counter-bump{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.badge-pulse{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3b82f666,0 4px 8px #0003;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50}.fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #3b82f680,0 6px 12px #0000004d}.fab:active{transform:scale(.95)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{width:80px;height:80px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 640px){.toast{left:1rem;right:1rem;transform:translate(0) translateY(100px)}.toast.show{transform:translate(0) translateY(0)}.fab{bottom:1.5rem;right:1.5rem;width:56px;height:56px}}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-success{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-bounce{animation:icon-bounce .5s ease infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.comparison-panel{animation:slide-up .4s cubic-bezier(.4,0,.2,1)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.comparison-item{transition:all .3s ease}.comparison-item:hover{background:#ffffff14;transform:scale(1.02)}.sidebar-enter{animation:sidebar-slide-in .4s cubic-bezier(.4,0,.2,1)}@keyframes sidebar-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.spec-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:.375rem;font-size:.625rem;color:#ffffffb3;transition:all .2s ease}.spec-badge:hover{background:#6366f11a;border-color:#6366f14d;color:#fff}.search-input-enhanced{position:relative}.search-input-enhanced input{transition:all .3s ease}.search-input-enhanced input:focus{box-shadow:0 0 0 4px #3b82f626}.search-input-enhanced .search-icon{transition:color .3s ease}.search-input-enhanced input:focus+.search-icon,.search-input-enhanced:focus-within .search-icon{color:#3b82f6}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-light: #7c93f5;--primary-dark: #5568d3;--secondary: #764ba2;--accent: #f093fb;--accent-2: #4facfe;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg: #0f1225;--bg-light: #151b3d;--bg-card: #1e2749;--bg-elevated: #252d54;--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--shadow-sm: 4px 4px 10px rgba(0, 0, 0, .2), -4px -4px 10px rgba(255, 255, 255, .03);--shadow-md: 8px 8px 20px rgba(0, 0, 0, .3), -6px -6px 16px rgba(255, 255, 255, .03);--shadow-lg: 12px 12px 30px rgba(0, 0, 0, .4), -8px -8px 20px rgba(255, 255, 255, .03);--shadow-glow: 0 0 50px rgba(102, 126, 234, .3);--clay-inset: inset 6px 6px 12px rgba(0, 0, 0, .25), inset -6px -6px 12px rgba(255, 255, 255, .05);--clay-outset: 8px 8px 16px rgba(0, 0, 0, .25), -8px -8px 16px rgba(255, 255, 255, .02), inset 0 0 0 1px rgba(255, 255, 255, .05);--glass-bg: rgba(30, 39, 73, .4);--glass-border: rgba(255, 255, 255, .08);--glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, transparent 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);background-image:radial-gradient(circle at 10% 10%,rgba(102,126,234,.1) 0%,transparent 60%),radial-gradient(circle at 90% 90%,rgba(118,75,162,.15) 0%,transparent 60%),radial-gradient(circle at 50% 40%,rgba(79,172,254,.08) 0%,transparent 50%);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .6s ease-out}.app-header{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:6rem;margin-left:2rem;margin-right:2rem;border-radius:2rem;padding:4rem 2rem;text-align:center;box-shadow:var(--shadow-lg),inset 0 0 0 1px #ffffff1a;position:relative;overflow:hidden;border:1px solid var(--border)}.app-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 60%);filter:blur(40px);animation:rotate 30s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header h1{font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 10px rgba(102,126,234,.4));letter-spacing:-.03em;position:relative;z-index:1}.app-header p{font-size:1.25rem;color:var(--text-muted);font-weight:400;position:relative;z-index:1}.status{margin-top:2rem;position:relative;z-index:1}.status-badge{display:inline-block;padding:.6em 1.4em;border-radius:50px;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;margin-left:.75rem;box-shadow:3px 3px 6px #0000004d,-2px -2px 5px #ffffff0d,inset 0 1px #fff3;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid transparent}.status-badge:hover{transform:translateY(-2px);box-shadow:5px 5px 10px #0006,-3px -3px 8px #ffffff14}.status-badge.healthy{background:linear-gradient(145deg,#059669,#047857);color:#ecfdf5;box-shadow:0 4px 12px #10b98166}.status-badge.offline{background:linear-gradient(145deg,#dc2626,#b91c1c);color:#fef2f2}.status-badge.checking{background:linear-gradient(145deg,#d97706,#b45309);color:#fffbeb}.app-main{flex:1;max-width:1400px;margin:0 auto;padding:4rem 2rem;width:100%}section{margin-bottom:6rem;animation:fadeInUp .8s ease-out}h2{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1.5rem;color:var(--text);letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.5);text-align:center}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin-top:4rem}.feature{background:#1e274966;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:3rem 2rem;border-radius:2rem;box-shadow:12px 12px 24px #0000004d,-8px -8px 20px #ffffff05,inset 1px 1px #ffffff1a;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;text-align:center}.feature:hover{transform:translateY(-10px) scale(1.02);background:#1e274999;box-shadow:20px 20px 40px #0006,-10px -10px 30px #ffffff0a,inset 1px 1px #fff3}.feature .icon{font-size:4rem;display:inline-block;margin-bottom:1.5rem;filter:drop-shadow(0 8px 16px rgba(102,126,234,.4));transition:transform .4s ease}.feature:hover .icon{transform:scale(1.15) rotate(5deg)}.feature h3{font-family:Outfit,sans-serif;font-size:1.5rem;color:var(--text);margin-bottom:1rem}.feature p{color:var(--text-muted);line-height:1.7}.search-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:1.5rem 5rem;font-size:1.4rem;font-weight:700;font-family:Outfit,sans-serif;border-radius:2rem;cursor:pointer;transition:all .2s ease;margin:3rem 0;box-shadow:0 10px 25px #667eea80,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0003;position:relative;z-index:10}.search-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #667eea99,inset 0 4px 8px #fff6}.search-btn:active{transform:translateY(2px);box-shadow:0 5px 15px #667eea66,inset 0 4px 10px #0000004d}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.component-card{background:#1e274980;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:2rem;border-radius:1.75rem;border:1px solid rgba(255,255,255,.05);box-shadow:8px 8px 20px #00000040,-4px -4px 15px #ffffff05;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative}.component-card:hover{transform:translateY(-8px) scale(1.02);background:#28325a99;box-shadow:15px 15px 30px #00000059,-6px -6px 20px #ffffff0d,inset 1px 1px #ffffff1a;border-color:#667eea66}.component-card h4{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.component-card .price{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 0}.steps{display:grid;gap:2rem}.step{display:flex;gap:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.05);align-items:center;transition:all .3s ease}.step:hover{background:#ffffff0f;transform:translate(10px);border-left:4px solid var(--primary)}.step-number{background:linear-gradient(135deg,var(--bg-elevated),var(--bg));width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--primary-light);box-shadow:5px 5px 10px #0000004d,-3px -3px 8px #ffffff0d,inset 2px 2px 5px #00000080;border:1px solid rgba(255,255,255,.05)}.app-footer{background:#0f172ae6;padding:4rem 2rem 2rem;border-top:1px solid var(--glass-border);margin-top:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.footer-brand{max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.footer-column h4{color:var(--text);margin-bottom:1rem}.footer-column ul{list-style:none}.footer-column ul li{margin:.5rem 0}.footer-column button{background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.app-footer p{color:var(--text-muted);margin:.75rem 0;font-weight:500;font-size:1.05rem}.app-footer p:first-child{font-size:1.1rem;font-weight:600;color:var(--text);background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.getting-started{text-align:center;padding:4rem 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto}.step{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1.5rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.05);text-align:center;transition:all .3s ease;position:relative}.step:hover{background:#ffffff0f;transform:translateY(-5px);border-color:#667eea4d}.step-number{background:linear-gradient(135deg,var(--bg-elevated),var(--bg));width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--primary-light);box-shadow:5px 5px 10px #0000004d,-3px -3px 8px #ffffff0d;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.step-connector{display:none}.step-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-content p{color:var(--text-muted);font-size:.9rem;line-height:1.5}@media (max-width: 1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-header h1{font-size:3rem}.app-header{margin:6rem 1rem 0;padding:2rem 1rem;border-radius:1.5rem}h2{font-size:2.2rem}.features,.components-grid{grid-template-columns:1fr}.app-main{padding:2rem 1rem}.search-btn{padding:1.25rem 2.5rem;font-size:1.2rem;width:100%}.steps{grid-template-columns:1fr}.step{flex-direction:column;text-align:center;gap:1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{max-width:none}.footer-links{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem}}html{scroll-behavior:smooth;scroll-padding-top:6rem}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light),var(--primary-dark))}.components-education{text-align:center}.section-subtitle{font-size:1.3rem;color:var(--text-muted);margin-bottom:3rem;font-weight:400}.component-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.component-info-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;text-align:left}.component-info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.component-info-card:hover:before{opacity:1}.component-info-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--primary);box-shadow:0 24px 48px #667eea59,0 0 60px #667eea40}.component-info-card.selected{border-color:var(--accent);box-shadow:0 20px 40px #f093fb4d}.component-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.component-image-wrapper{width:120px;height:120px;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));padding:.5rem;box-shadow:0 8px 20px #0000004d;transition:transform .4s ease}.component-info-card:hover .component-image-wrapper{transform:rotate(3deg) scale(1.05)}.component-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;transition:transform .4s ease}.component-info-card:hover .component-image{transform:scale(1.1)}.component-title{flex:1}.component-icon{font-size:2.5rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(102,126,234,.5))}.component-title h3{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.component-description{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;font-weight:500}.component-details{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}.component-details.expanded{max-height:600px;opacity:1;margin-bottom:1.5rem}.details-list{background:#667eea14;border-left:3px solid var(--primary);padding:1.25rem 1.5rem;border-radius:.75rem;margin-bottom:1.25rem}.details-list h4{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.details-list ul{list-style:none;padding:0;margin:0}.details-list li{color:var(--text-muted);padding:.5rem 0 .5rem 1.75rem;position:relative;line-height:1.6;font-size:.95rem}.details-list li:before{content:"▸";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.1rem}.key-factors{background:#f093fb14;border:1px solid rgba(240,147,251,.2);padding:1.25rem 1.5rem;border-radius:.75rem}.key-factors h4{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.factors-grid{display:flex;flex-wrap:wrap;gap:.75rem}.factor-badge{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;box-shadow:0 4px 12px #f093fb4d;transition:transform .3s ease}.factor-badge:hover{transform:translateY(-2px) scale(1.05)}.learn-more-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;font-family:Outfit,sans-serif;border-radius:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #667eea4d;margin-top:1rem}.learn-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.learn-more-btn:active{transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.clay-card-interactive{background:#1e274966;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:8px 8px 16px #00000040,-4px -4px 12px #ffffff08,inset 1px 1px #ffffff1a;border-radius:1.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.clay-card-interactive:hover{transform:translateY(-5px) scale(1.01);background:#28325a80;box-shadow:12px 12px 24px #00000059,-6px -6px 16px #ffffff0d;border-color:#667eea66}.clay-card-interactive.selected{background:#667eea26;border-color:#667eea99;box-shadow:inset 0 0 20px #667eea33,0 8px 20px #667eea40}.clay-sidebar{background:#0f172ab3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 30px #00000080}.clay-category-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);box-shadow:4px 4px 8px #0003,-2px -2px 6px #ffffff0d;transition:all .2s ease}.clay-category-btn:hover{transform:translateY(-2px);background:#ffffff0d;box-shadow:6px 6px 12px #0000004d,-3px -3px 8px #ffffff14}.clay-category-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:inset 2px 2px 5px #0003,0 4px 12px #667eea66;border-color:transparent;transform:scale(1.05)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#64748b80;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748bb3}.snap-x{scroll-snap-type:x mandatory}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button:active{transform:scale(.98)}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.component-result-card{position:relative;overflow:hidden}.component-result-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.component-result-card:hover:before{left:100%}.clay-card-interactive.selected:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#667eea66,#764ba266);border-radius:inherit;z-index:-1;filter:blur(8px);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.price-badge{background:linear-gradient(135deg,#10b981,#059669);padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px #10b9814d}.add-btn-float{position:relative;overflow:hidden}.add-btn-float:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.add-btn-float:active:after{width:200%;height:200%}.category-badge{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card{background:#1e274999;border-radius:1rem;padding:1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.stat-card:hover{background:#28325ab3;border-color:#667eea4d;transform:translateY(-2px)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#64748b1a;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.comparison-item{position:relative;padding-left:1rem;border-left:3px solid transparent;transition:all .3s ease}.comparison-item:hover{border-left-color:#667eea;background:#667eea0d}.comparison-item.best-value{border-left-color:#10b981;background:#10b9810d}.preset-card{cursor:pointer;position:relative;overflow:hidden}.preset-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(102,126,234,.1));opacity:0;transition:opacity .3s ease}.preset-card:hover:before{opacity:1}.suggestion-item{background:#1e274966;border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.suggestion-item:hover{background:#28325a80;border-color:#667eea4d;transform:translate(4px)}.shimmer-card{position:relative;overflow:hidden;background:#1e274966}.shimmer-card:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:150%}}.action-btn-primary{background:linear-gradient(135deg,#667eea,#5568d3);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.action-btn-primary:active{transform:translateY(0)}.action-btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn-secondary:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-blue-600{background-color:#2563eb}.text-slate-200{color:#e2e8f0}.text-white{color:#fff}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.bottom-0{bottom:0}.w-96{width:24rem}.h-96{height:24rem}.rounded-full{border-radius:9999px}.space-x-3>*+*{margin-left:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-2{padding:.5rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.border{border-width:1px}.border-white\/5{border-color:#ffffff0d}.border-b{border-bottom-width:1px}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.hover\:text-white:hover{color:#fff}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.h-20{height:5rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.gap-4{gap:1rem}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.pt-24{padding-top:6rem}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bg-slate-950\/80{background-color:#020617cc}.bg-blue-600\/10{background-color:#2563eb1a}.bg-purple-600\/10{background-color:#9333ea1a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb;--tw-gradient-to: rgb(37 99 235 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-600{--tw-gradient-to: #4f46e5}.text-transparent{color:transparent}.from-blue-400{--tw-gradient-from: #60a5fa}.to-indigo-400{--tw-gradient-to: #818cf8}.blur-\[100px\]{filter:blur(100px)}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}.mt-20{margin-top:5rem}.space-x-1>*+*{margin-left:.25rem}.space-y-2>*+*{margin-top:.5rem}.bg-slate-900\/95{background-color:#0f172af2}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-1\/2{top:50%}.top-full{top:100%}.right-1\/4{right:25%}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-1\/4{left:25%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[400px\]{max-height:400px}.min-h-\[50px\]{min-height:50px}.min-h-screen{min-height:100vh}.w-2\/3{width:66.6667%}.w-4\/5{width:80%}.w-full{width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(100\%-60px\)\]{--tw-translate-y: calc(100% - 60px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[shimmer_2s_infinite\]{animation:2s infinite shimmer}.animate-\[shine_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite shine}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.whitespace-nowrap{white-space:nowrap}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-\[0_-20px_60px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 -20px 60px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(74\,222\,128\,0\.1\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#4ade801a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(99\,102\,241\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#6366f180);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(59\,130\,246\,0\.15\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#3b82f626);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(59\,130\,246\,0\.15\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#3b82f626);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(79\,70\,229\,0\.5\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#4f46e580);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(79\,70\,229\,0\.5\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#4f46e580);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:w-1\/2:is(:where(.group):hover *){width:50%}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-3:is(:where(.group):hover *){rotate:3deg}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-gradient-to-br:hover{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}