:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;margin:0 auto}h1,h2,h3{margin:0}*{box-sizing:border-box}:root{--primary:#c084fc;--primary-dark:#a855f7;--bg-dark:#0f172a;--card-bg:#1e293b;--text-main:#f8fafc;--text-dim:#94a3b8;--accent:#22d3ee}.app-wrapper{background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);flex-direction:column;display:flex}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f172acc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.logo-text{letter-spacing:2px;background:linear-gradient(to right, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.nav-links a{color:var(--text-dim);margin-left:2rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary)}main{flex:1}.home-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.hero-section{justify-content:space-between;align-items:center;gap:4rem;margin-bottom:6rem;display:flex}.hero-content h1{background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4.5rem;line-height:1.1}.tagline{color:var(--text-dim);margin-bottom:2.5rem;font-size:1.25rem}.search-bar{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:9999px;gap:1rem;padding:.5rem;display:flex}.search-bar input{color:#fff;background:0 0;border:none;width:300px;padding:.75rem 1.5rem;font-size:1rem}.search-bar input:focus{outline:none}.search-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.75rem 2rem;font-weight:600;transition:transform .2s,background .2s}.search-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.floating-hero{filter:drop-shadow(0 0 30px #c084fc4d);width:400px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.featured-section h2{margin-bottom:2rem;font-size:2rem}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-bottom:6rem;display:grid}.card{background:var(--card-bg);border:1px solid #ffffff0d;border-radius:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}.card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000004d}.card-img-placeholder{aspect-ratio:1;background:linear-gradient(45deg,#334155,#1e293b);border-radius:.5rem;width:100%;margin-bottom:1.5rem}.cta-section{text-align:center;background:linear-gradient(90deg,#c084fc1a,#22d3ee1a);border:1px solid #ffffff1a;border-radius:2rem;padding:4rem}.connect-btn{color:var(--bg-dark);background:#fff;border-radius:9999px;margin-top:2rem;padding:1rem 2.5rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.connect-btn:hover{transform:scale(1.05)}.callback-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.callback-card{background:var(--card-bg);text-align:center;border:1px solid var(--primary);border-radius:2rem;width:90%;max-width:400px;padding:3rem}.status-spinner{border:4px solid #c084fc33;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-link{color:var(--primary);margin-top:2rem;text-decoration:none;display:block}.footer{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff1a;padding:2rem}@media (width<=1024px){.hero-section{text-align:center;flex-direction:column}.hero-content h1{font-size:3rem}.search-bar{justify-content:center}.search-bar input{width:200px}}