:root{--bg-color: #050608;--panel-bg: rgba(20, 24, 30, .4);--panel-border: rgba(255, 255, 255, .08);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-gradient: linear-gradient(135deg, var(--accent-blue), var(--accent-indigo));--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% -20%,#3b82f626,#050608 50%)}#root{display:flex;flex-direction:column;min-height:100vh}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.glass-input{background:#0003;border:1px solid var(--panel-border);color:var(--text-primary);border-radius:9999px;padding:1rem 2rem;font-family:var(--font-sans);font-size:1.1rem;outline:none;transition:all .3s ease;width:100%}.glass-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 15px #6366f14d}.header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border)}.header-title{font-weight:800;font-size:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.ai-bundle-btn{background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--panel-border);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.ai-bundle-btn:hover{background:#ffffff1a}.main-container{flex:1;padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}.hero-section{text-align:center;margin-bottom:2rem}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem}.hero-subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:300}.search-container{max-width:600px;margin:0 auto;position:relative}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1rem 1.5rem}.header-title{font-size:1.25rem}.main-container{padding:1.5rem 1rem;gap:1.5rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.dashboard-grid{grid-template-columns:1fr}}.action-text-short{display:none}@media (max-width: 480px){.hero-title{font-size:1.8rem}.action-text-full{display:none}.action-text-short{display:inline!important}.hide-mobile{display:none!important}.ai-bundle-btn{padding:.8rem .5rem!important}.search-container{padding:0 .5rem}.filter-text{display:none}.filter-toggle-btn{padding:0 .8rem!important}}.repo-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.repo-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006;border-color:#ffffff26}.repo-header{display:flex;justify-content:space-between;align-items:flex-start}.repo-name{font-weight:600;font-size:1.2rem}.repo-meta{color:var(--text-secondary);font-size:.9rem;font-family:var(--font-mono)}.repo-activity{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.sparkline-mock{height:20px;width:100%;background:linear-gradient(to right,transparent,rgba(59,130,246,.5));border-radius:4px}@keyframes glow{0%{box-shadow:0 0 5px #ee675c33}50%{box-shadow:0 0 15px #ee675c80}to{box-shadow:0 0 5px #ee675c33}}.skill-tag{background:#ee675c1a;color:#ee675c;border:1px solid rgba(238,103,92,.3);padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px;animation:glow 3s infinite}.skill-badge-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.skill-badge-btn:hover{transform:scale(1.05);background:#ffffff26!important;border-color:#ffffff4d!important}@keyframes pulse{0%{opacity:.3}50%{opacity:.1}to{opacity:.3}}.repo-activity{opacity:.85;transition:opacity .2s ease;margin-top:.8rem}.repo-card:hover .repo-activity{opacity:1}
