.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)!important;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)!important}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important}.input-field:focus{border-color:var(--color-primary)!important;outline:none}.input-field.error{border-color:var(--color-error)!important}.nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-bg-secondary);color:var(--color-primary)}.nav-link:hover{color:var(--color-text-primary)}.link:hover{text-decoration:underline}.link-primary:hover{color:var(--color-primary-hover)}.card-interactive:hover{border-color:var(--color-primary);transform:translateY(-2px)}.hoverable:hover{background:var(--color-bg-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner-animation{animation:spin .8s linear infinite}.fade-in{animation:fadeIn .2s ease}.slide-up{animation:slideUp .3s ease}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease}.table-row:hover{background:var(--color-bg-secondary)}.sidebar-item:hover{background:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important}.sidebar-item.active{background:var(--color-bg-elevated);color:var(--color-primary)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 2px 2px 0}.tab:hover:not(.active){color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.step-row:hover{border-color:#bf9f064d;transform:translate(4px)}.feature-box:hover{border-color:#bf9f064d;transform:translateY(-4px)}.feature-card:hover{border-color:#bf9f064d}.social-link:hover{color:var(--color-text-primary)!important;border-color:#bf9f0680!important}.footer-link:hover{color:var(--color-text-primary)!important}.discord-btn:hover{background:#4752c4!important;transform:translateY(-1px)}.outline-btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.framework-icon:hover{border-color:#bf9f064d;transform:translateY(-2px)}.how-it-works-card:hover{border-color:#bf9f064d;transform:translateY(-4px)}.template-tab:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-text-primary)}.remove-btn:hover{background:#f15e6c1a;color:var(--color-error)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #BDE039;--color-primary-hover: #9FBD2F;--color-bg-primary: #121212;--color-bg-secondary: #1c1c1c;--color-bg-tertiary: #202020;--color-bg-elevated: #282828;--color-border: rgba(255, 255, 255, .1);--color-text-primary: #f0f0f0;--color-text-secondary: #b3b3b3;--color-text-muted: #737373;--color-error: #f15e6c;--color-warning: #f1c40f;--color-success: #10b981;--color-info: #3498db;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Courier New", Consolas, monospace}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary)}.spinner{border:4px solid var(--color-bg-elevated);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:var(--color-text-primary)}