:root{--primary-green: #22c55e;--primary-blue: #3b82f6;--secondary-green: #16a34a;--secondary-blue: #2563eb;--accent-teal: #06b6d4;--accent-cyan: #0891b2;--bg-dark: #0f172a;--bg-darker: #0b1120;--bg-card: #1e293b;--text-light: #f1f5f9;--text-gray: #94a3b8;--text-dark: #0f172a;--border-light: #334155;--border-accent: #22c55e;--gradient-primary: linear-gradient(90deg, var(--primary-green), var(--primary-blue));--gradient-secondary: linear-gradient(90deg, var(--secondary-green), var(--secondary-blue));--gradient-accent: linear-gradient(90deg, var(--accent-teal), var(--accent-cyan))}*{box-sizing:border-box}html,body,#root{overflow-x:hidden;width:100%}.bg-primary-gradient{background:var(--gradient-primary)}.text-primary-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-primary-gradient{border-image:var(--gradient-primary);border-image-slice:1}.btn-primary{background:var(--gradient-primary);color:var(--text-dark);font-weight:600;border:none;transition:all .3s ease}.btn-primary:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:0 10px 25px #22c55e4d}.btn-outline{background:transparent;color:var(--primary-green);border:2px solid var(--primary-green);font-weight:600;transition:all .3s ease}.btn-outline:hover{background:var(--gradient-primary);color:var(--text-dark);border-color:var(--primary-green);transform:translateY(-2px);box-shadow:0 10px 25px #22c55e33}.card-primary{background:var(--bg-card);border:1px solid var(--border-light);transition:all .3s ease}.card-primary:hover{border-color:var(--primary-green);box-shadow:0 10px 25px #22c55e1a;transform:translateY(-5px)}.text-green{color:var(--primary-green)}.text-blue{color:var(--primary-blue)}.text-teal{color:var(--accent-teal)}.bg-dark-primary{background-color:var(--bg-dark)}.bg-dark-secondary{background-color:var(--bg-darker)}.bg-card{background-color:var(--bg-card)}.border-green{border-color:var(--primary-green)}.border-blue{border-color:var(--primary-blue)}.shadow-green{box-shadow:0 10px 25px #22c55e1a}.shadow-blue{box-shadow:0 10px 25px #3b82f61a}.hover-scale:hover{transform:scale(1.05);transition:transform .3s ease}.hover-shadow-green:hover{box-shadow:0 10px 25px #22c55e33}.hover-shadow-blue:hover{box-shadow:0 10px 25px #3b82f633}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:10px;border:2px solid var(--bg-darker)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-green)}*{scrollbar-width:thin;scrollbar-color:var(--primary-green) var(--bg-darker)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}