@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#09090b;--bg-card:#18181b99;--accent-primary:#8b5cf6;--accent-secondary:#d946ef;--text-primary:#fafafa;--text-secondary:#a1a1aa;--border-color:#27272acc;--glass-bg:#09090bcc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(at 0 0,#8b5cf61a 0,#0000 50%),radial-gradient(at 100% 100%,#d946ef1a 0,#0000 50%);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:all .3s}.glass-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 20px 40px -20px #8b5cf64d}.title-gradient{background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:3rem;font-size:3.5rem;font-weight:800}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.badge{color:var(--accent-primary);text-transform:uppercase;background:#8b5cf61a;border-radius:99px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.loader{border:5px solid var(--bg-card);border-bottom-color:var(--accent-primary);box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-msg{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:1rem}