@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #E63946;--accent-dim: rgba(230, 57, 70, .15);--accent-glow: rgba(230, 57, 70, .3);--bg: #080810;--bg2: #0d0d18;--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--card-hover: rgba(255, 255, 255, .07);--text: #f0f0f6;--text-muted: #6b6b88;--text-dim: #9494b0;--surface: rgba(255, 255, 255, .06);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition: .3s cubic-bezier(.25, .46, .45, .94);--spring: .4s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.glass-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition)}.glass-card:hover{background:var(--card-hover);border-color:#ffffff24;box-shadow:0 20px 60px #00000080}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.chip-row::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s;border:1.5px solid var(--card-border);background:var(--card);color:var(--text-muted);white-space:nowrap;font-family:var(--font-body)}.chip.active,.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.scroll-x{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.scroll-x::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-glow)}.badge-green{--accent: #22c55e}.badge-orange{--accent: #f97316}.badge-red{--accent: #ef4444}.section-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.section-reveal.visible{opacity:1;transform:translateY(0)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.pulse{animation:pulse-ring 2s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.4}}.flash{animation:flash 1.5s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.grid-2,.grid-3{grid-template-columns:1fr}}.stars{display:flex;gap:2px;align-items:center}.star{color:#f59e0b;font-size:12px}.star-empty{color:#fff3;font-size:12px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:500;background:#ffffff0f;color:var(--text-dim);border:1px solid rgba(255,255,255,.06)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.page-content{padding-bottom:90px}.container{max-width:1440px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 24px}}@media(min-width:1024px){.container{padding:0 40px}}.App{min-height:100vh}
