@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700&display=swap";
:root{--primary:#4b184c;--primary-glow:#4b184c33;--secondary:#10b981;--accent:#f43f5e;--bg-dark:#fff;--bg-card:#fff;--bg-glass:#4b184c08;--text-main:#1a1a1a;--text-muted:#64748b;--border-glass:#4b184c1f;--transition:all .3s cubic-bezier(.4,0,.2,1)}html,body{overscroll-behavior-y:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,.title-font{font-family:Outfit,sans-serif}h3,h4,.sub-title{font-family:Roboto Condensed,sans-serif}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border-glass);border-radius:16px}nav a:hover{color:var(--primary)!important}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);transition:var(--transition);border-radius:20px;padding:24px;box-shadow:0 4px 20px #4b184c0d}.glass-card:hover{border-color:#4b184c33;transform:translateY(-5px);box-shadow:0 12px 30px #4b184c1f}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:12px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{box-shadow:0 8px 20px var(--primary-glow);background:#3a123a;transform:translateY(-2px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition);background:0 0;border-radius:12px;padding:12px 24px;font-weight:600}.btn-outline:hover{background:var(--bg-glass);border-color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}.badge-primary{color:#4b184c;background:#4b184c14;border:1px solid #4b184c26}.badge-secondary{color:#059669;background:#10b9811a;border:1px solid #10b98133}.badge-accent{color:#e11d48;background:#f43f5e1a;border:1px solid #f43f5e33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.grid-3{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%{box-shadow:0 0 #4b184c66}70%{box-shadow:0 0 0 10px #4b184c00}to{box-shadow:0 0 #4b184c00}}@media (max-width:768px){.bottom-nav{display:flex!important}nav.glass{margin:10px!important;padding:15px 20px!important}nav.glass>div:last-child{display:none!important}.container{padding:0 15px!important}h1{font-size:2.5rem!important}.grid-3{grid-template-columns:1fr!important}main{padding-bottom:100px}}@keyframes flyIn{0%{opacity:0;transform:translate(-50vw,100px)rotate(15deg)scale(1.5)}40%{opacity:1;transform:translate(10vw,-40px)rotate(-10deg)scale(1.2)}to{opacity:1;transform:translateY(15px)rotate(0)scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.hover-lift{transition:all .3s}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #4b184c26}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}