@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #07080c;--bg-card: rgba(15, 16, 25, .7);--primary: #8b5cf6;--secondary: #ec4899;--accent: #3b82f6;--text-main: #ffffff;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--gradient-1: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-2: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5)}.light-mode{--bg-dark: #f8fafc;--bg-card: rgba(255, 255, 255, .8);--text-main: #0f172a;--text-muted: #475569;--glass-border: rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;background-image:radial-gradient(circle at 20% 20%,rgba(139,92,246,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.05) 0%,transparent 40%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}.light-mode body{background-image:radial-gradient(circle at 20% 20%,rgba(139,92,246,.02) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.02) 0%,transparent 40%)}.glass{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-weight:600;transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;text-decoration:none;font-size:.95rem}.btn-primary{background:var(--gradient-1);color:#fff;border:none;box-shadow:0 10px 20px #8b5cf633}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #8b5cf666}.btn-secondary{background:rgba(255,255,255,.05);color:var(--text-main);border:1px solid var(--glass-border)}.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.light-mode .btn-secondary{background:rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.1)}.light-mode .btn-secondary:hover{background:rgba(15,23,42,.1)}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%}.active-nav{color:#fff!important;position:relative}.active-nav:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--secondary)}