.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{display:flex;flex-wrap:wrap}.interactive-element{cursor:pointer;transition:all var(--transition-normal)}.interactive-element:hover{transform:translateY(-2px)}.btn-base{background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-primary);font-weight:500}.btn-primary{background:var(--neon-emerald-10);border-color:var(--neon-emerald-30);color:var(--neon-emerald);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.btn-primary:hover{background:var(--neon-emerald-20);border-color:var(--neon-emerald);box-shadow:0 0 10px var(--neon-emerald-20)}.btn-secondary{background:none;color:var(--neon-emerald);border:1.5px solid var(--neon-emerald);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--neon-emerald-10);box-shadow:0 0 6px var(--neon-emerald-15)}.card-base{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--neon-emerald-10);transition:all var(--transition-normal)}.card-hover{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--neon-emerald-10);transition:all var(--transition-normal);cursor:pointer}.card-hover:hover{transform:translateY(-8px);border-color:var(--neon-emerald);box-shadow:0 20px 40px var(--neon-emerald-20)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shadow-emerald{text-shadow:0 0 30px var(--neon-emerald-50)}.text-shadow-emerald-small{text-shadow:0 0 10px var(--neon-emerald)}.text-shadow-emerald-medium{text-shadow:0 0 20px var(--neon-emerald-50)}.shadow-emerald-light{box-shadow:0 0 10px var(--neon-emerald-20)}.shadow-emerald-medium{box-shadow:0 8px 25px var(--neon-emerald-20)}.shadow-emerald-strong{box-shadow:0 10px 30px var(--black-30)}.shadow-emerald-glow{box-shadow:0 0 20px var(--neon-emerald-30)}.border-emerald-light{border:1px solid var(--neon-emerald-10)}.border-emerald-medium{border:1px solid var(--neon-emerald-30)}.border-emerald-strong{border:1px solid var(--neon-emerald)}.bg-pattern-grid{background-image:linear-gradient(var(--neon-emerald-02) 1px,transparent 1px),linear-gradient(90deg,var(--neon-emerald-02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.bg-pattern-grid-large{background-image:linear-gradient(var(--neon-emerald-02) 1px,transparent 1px),linear-gradient(90deg,var(--neon-emerald-02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-large{transition:transform var(--transition-normal)}.hover-lift-large:hover{transform:translateY(-8px)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-live{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--neon-green-20);color:var(--neon-green);border:1px solid var(--neon-green);box-shadow:0 0 10px var(--neon-green-30)}.status-wip{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--neon-lime-20);color:var(--neon-lime);border:1px solid var(--neon-lime);box-shadow:0 0 10px var(--neon-lime-30)}.status-paused{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--red-20);color:var(--red-color);border:1px solid var(--red-color);box-shadow:0 0 10px var(--red-30)}.status-profitable{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--neon-emerald-20);color:var(--neon-emerald);border:1px solid var(--neon-emerald);box-shadow:0 0 10px var(--neon-emerald-30)}.social-hover-github:hover{border-color:var(--github-color);box-shadow:0 10px 25px var(--dark-gray-40)}.social-hover-linkedin:hover{border-color:var(--linkedin-color);box-shadow:0 10px 25px var(--linkedin-blue-40)}.social-hover-youtube:hover{border-color:var(--youtube-color);box-shadow:0 10px 25px var(--youtube-red-40)}.social-hover-emerald:hover{border-color:var(--neon-emerald);box-shadow:0 10px 25px var(--neon-emerald-20)}.loading-spinner{width:40px;height:40px;border:3px solid var(--neon-emerald-10);border-top:3px solid var(--neon-emerald);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.placeholder-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.placeholder-icon i{font-size:4rem;color:var(--neon-emerald);opacity:.4;text-shadow:0 0 10px var(--neon-emerald-30);transition:all var(--transition-normal)}.placeholder-icon:hover i{opacity:.6;transform:scale(1.1)}:root{--header-height: 60px;--footer-height: 100px;--max-content-width: 1200px;--horizontal-padding: 1rem;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--neon-green: #00ff00;--neon-emerald: #00ff88;--neon-teal: #00cc88;--neon-cyan: #00aa66;--neon-lime: #88ff00;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--gradient-primary: linear-gradient(135deg, var(--neon-emerald), var(--neon-teal));--gradient-secondary: linear-gradient(135deg, var(--neon-green), var(--neon-emerald));--gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);--neon-emerald-50: rgba(0, 255, 136, .5);--neon-emerald-30: rgba(0, 255, 136, .3);--neon-emerald-20: rgba(0, 255, 136, .2);--neon-emerald-15: rgba(0, 255, 136, .15);--neon-emerald-12: rgba(0, 255, 136, .12);--neon-emerald-10: rgba(0, 255, 136, .1);--neon-emerald-08: rgba(0, 255, 136, .08);--neon-emerald-05: rgba(0, 255, 136, .05);--neon-emerald-02: rgba(0, 255, 136, .02);--neon-teal-50: rgba(0, 255, 255, .5);--neon-teal-30: rgba(0, 255, 255, .3);--neon-teal-10: rgba(0, 255, 255, .1);--neon-teal-05: rgba(0, 255, 255, .05);--neon-green-30: rgba(0, 255, 0, .3);--neon-green-20: rgba(0, 255, 0, .2);--neon-lime-30: rgba(136, 255, 0, .3);--neon-lime-20: rgba(136, 255, 0, .2);--red-30: rgba(255, 0, 0, .3);--red-20: rgba(255, 0, 0, .2);--dark-gray-40: rgba(51, 51, 51, .4);--dark-gray-30: rgba(51, 51, 51, .3);--linkedin-blue-40: rgba(0, 119, 181, .4);--linkedin-blue-30: rgba(0, 119, 181, .3);--youtube-red-40: rgba(255, 0, 0, .4);--youtube-red-30: rgba(255, 0, 0, .3);--black-30: rgba(0, 0, 0, .3);--black-20: rgba(0, 0, 0, .2);--bg-primary-95: rgba(10, 10, 10, .95);--bg-primary-98: rgba(10, 10, 10, .98);--github-color: #333;--github-light: #666;--linkedin-color: #0077b5;--linkedin-light: #00a0dc;--youtube-color: #ff0000;--youtube-dark: #cc0000;--red-color: #ff4444;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-normal: .3s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);background:var(--gradient-bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6;font-size:16px}.main-content{margin-top:var(--header-height);padding:var(--spacing-xl) var(--horizontal-padding);min-height:calc(100vh - var(--header-height) - var(--footer-height));display:flex;flex-direction:column;align-items:center;max-width:var(--max-content-width);margin-left:auto;margin-right:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neon-emerald);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--neon-teal)}::selection{background:var(--neon-emerald);color:var(--text-primary)}::-moz-selection{background:var(--neon-emerald);color:var(--text-primary)}*:focus{outline:none}button:focus,input:focus,textarea:focus,select:focus,a:focus:not(.nav-link):not(.mobile-nav-link):not(.logo){outline:2px solid var(--neon-emerald);outline-offset:2px}@media (max-width: 768px){:root{--horizontal-padding: .75rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.main-content{padding:var(--spacing-lg) var(--horizontal-padding)}.hover-lift-large:hover{transform:translateY(-4px)}}