@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#0b0c10;--text-primary:#fff;--text-secondary:#8b949e;--accent-color:#2bc0ff;--accent-glow:#2bc0ff66;--glass-bg:#161b22a6;--glass-border:#ffffff14;--card-hover:#1a1f26f2;--magenta:#e81cff;--cyan:#00f0ff;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 0,#e81cff08,#0000 30%),radial-gradient(circle at 85% 30%,#00f0ff08,#0000 30%);background-attachment:fixed;min-height:100vh}.app-wrapper{max-width:1440px;margin:0 auto;padding:0 4%}.container{padding-bottom:4rem}.site-nav{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.logo-group{align-items:center;gap:.75rem;display:flex}.logo-text{letter-spacing:.5px;color:#fff;font-size:1.25rem;font-weight:800}.nav-actions{align-items:center;display:flex}.lang-toggle-btn{box-shadow:0 0 0 3px var(--bg-color), 0 0 0 5px #007bff;color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:100px;align-items:center;gap:.4rem;padding:.3rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.lang-toggle-btn:hover{box-shadow:0 0 0 3px var(--bg-color), 0 0 0 5px #00bfff;transform:translateY(-1px)}.sponsor-btn{color:gold;background:0 0;border:1px solid #ffd70099;border-radius:100px;align-items:center;gap:.4rem;padding:.3rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.sponsor-btn:hover{background:#ffd7001a;transform:translateY(-1px);box-shadow:0 0 15px #ffd70066}.hero{text-align:center;flex-direction:column;align-items:center;margin-top:4rem;margin-bottom:3.5rem;animation:.8s ease-out fadeInDown;display:flex}.hero-title{letter-spacing:-.02em;background:linear-gradient(90deg,#00f0ff,#e81cff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00f0ff66)drop-shadow(0 0 40px #e81cff4d);-webkit-background-clip:text;margin-bottom:1.5rem;font-size:5.5rem;font-weight:800;line-height:1.1;display:inline-block}.hero-subtitle{letter-spacing:.02em;color:var(--text-secondary);max-width:650px;margin-bottom:3.5rem;font-size:1.5rem;font-weight:500;line-height:1.6}.category-nav{justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.category-btn{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;border-radius:100px;padding:.8rem 2.5rem;font-size:1.25rem;font-weight:700;transition:all .3s}.category-btn:hover{color:var(--text-primary);background:#ffffff0d}.category-btn.active{background:var(--accent-color);color:#000;border-color:var(--accent-color);box-shadow:0 4px 20px var(--accent-glow)}.tab-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);margin-bottom:3rem;border-radius:100px;justify-content:center;gap:.5rem;width:fit-content;margin-inline:auto;padding:.5rem;animation:1s ease-out fadeIn;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:.6rem 1.8rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:var(--accent-color);color:#000;box-shadow:0 4px 15px var(--accent-glow);font-weight:600}.repo-list{flex-direction:column;gap:1.25rem;display:flex}.repo-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:inherit;border-radius:20px;align-items:flex-start;gap:1.5rem;padding:1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.5s ease-out backwards slideUp;display:flex}.repo-card:hover{background:var(--card-hover);box-shadow:0 10px 40px -10px #00000080, 0 0 20px var(--accent-glow);border-color:#2bc0ff66;transform:translateY(-4px)}.rank{color:var(--text-secondary);text-align:right;opacity:.5;min-width:3.5rem;margin-top:.5rem;font-size:1.5rem;font-weight:700}.avatar{border:2px solid var(--glass-border);border-radius:50%;flex-shrink:0;width:64px;height:64px;transition:transform .3s}.repo-card:hover .avatar{border-color:var(--accent-color);transform:scale(1.05)}.repo-info{flex:1;min-width:0}.repo-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.repo-info{flex:1;grid-template-columns:1fr auto;grid-template-areas:"name stars""desc desc""meta meta";gap:.5rem 1rem;min-width:0;display:grid}.repo-name{color:var(--text-primary);word-break:break-word;grid-area:name;min-width:0;font-size:1.4rem;line-height:1.3;display:block}.repo-name span:first-child{color:var(--text-secondary);font-weight:400}.name-bold{font-weight:700}.stars{color:var(--text-primary);border:1px solid var(--accent-color);white-space:nowrap;background:#ffffff14;border-radius:100px;grid-area:stars;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.95rem;font-weight:700;display:flex}.stars svg{color:#e3b341;width:14px;height:14px}.description{color:var(--text-secondary);word-break:break-word;grid-area:desc;margin-bottom:.5rem;font-size:1.05rem;line-height:1.5;display:block}.meta{grid-area:meta;align-items:center;margin-top:auto;display:flex}.language{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.lang-color{border-radius:50%;width:12px;height:12px}.empty-state{text-align:center;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:4rem 2rem}footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);margin-top:4rem;padding-top:2rem;font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.hero-title{font-size:2.8rem}.app-wrapper{padding:0 1rem}.repo-card{gap:1rem;padding:1.25rem}.rank{min-width:1.5rem;font-size:1.1rem}.avatar{width:42px;height:42px}.repo-name{font-size:1.15rem}.repo-info{grid-template-columns:1fr;grid-template-areas:"name""desc""meta""stars";row-gap:.6rem}.description{margin-bottom:.5rem;font-size:.95rem}.stars{justify-self:flex-end;padding:.25rem .6rem;font-size:.85rem}}
