*{box-sizing:border-box}html{font-size:16px}body{color:#0f172a;background:#f8fafc;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.button{cursor:pointer;border:0;border-radius:10px;padding:.65rem 1rem;font-weight:600;transition:all .2s}.button--primary{color:#fff;background:#2563eb}.button--primary:hover{background:#1d4ed8}.button--secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.button--ghost{color:#2563eb;background:0 0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #0f172a1a}.input-wrapper{flex:1;display:flex}.input{border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem}.input:focus{border-color:#2563eb}.loader{justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.loader__spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.repository-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.repository-card{flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex}.repository-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0f172a1a}.repository-card__header{align-items:center;gap:.75rem;display:flex}.repository-card__heading{min-width:0}.repository-card__avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px}.repository-card__title{margin:0;font-size:1.1rem}.repository-card__title a:hover{color:#2563eb}.repository-card__owner{color:#64748b;margin:.25rem 0 0;font-size:.9rem}.repository-card__description{color:#64748b;flex:1;margin:1rem 0;line-height:1.5}.repository-card__topics{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.repository-card__topic{color:#2563eb;background:#2563eb14;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.repository-card__stats{color:#64748b;flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.repository-card__footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;display:flex}.repository-card__metadata{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.repository-card__language{align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.repository-card__language-dot{background:#2563eb;border-radius:50%;width:9px;height:9px}.repository-card__updated{color:#64748b;font-size:.75rem}.repository-card__link{color:#2563eb;flex-shrink:0;font-size:.85rem;font-weight:600}.repository-card__link:hover{text-decoration:underline}.search{width:100%}.search__popular{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;font-size:.85rem;display:flex}.search__popular span{color:#64748b;margin-right:.2rem;font-weight:600}.search__popular button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;line-height:1.2;transition:border-color .2s,color .2s,background .2s,transform .2s}.search__popular button:hover{color:#2563eb;background:#2563eb0f;border-color:#2563eb;transform:translateY(-1px)}.search__popular button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.search-bar{gap:.75rem;display:flex}.search-bar__input{flex:1;display:flex;position:relative}.search-bar__clear{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:1.3rem;line-height:1;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.search-bar__clear:hover{color:#0f172a;background:#f8fafc}.filters{align-items:flex-end;gap:1rem;margin:1.5rem 0;display:flex}.filters__group{flex-direction:column;gap:.4rem;min-width:180px;display:flex}.filters__group label{color:#64748b;font-size:.8rem;font-weight:600}.filters__group select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:180px;padding:.65rem 2rem .65rem .75rem}.filters__group select:focus{border-color:#2563eb}.filters__reset{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem 1rem;font-weight:600}.filters__reset:hover{color:#2563eb;border-color:#2563eb}.pagination{justify-content:center;align-items:center;gap:1rem;margin:2.5rem 0;display:flex}.pagination>button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem .9rem;font-weight:600}.pagination>button:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.pagination>button:disabled{opacity:.45;cursor:not-allowed}.pagination__pages{gap:.35rem;display:flex}.pagination__page{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;width:38px;height:38px;font-weight:600}.pagination__page:hover{background:#fff;border-color:#e2e8f0}.pagination__page--active,.pagination__page--active:hover{color:#fff;background:#2563eb}.activity-chart{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:1.5rem}.activity-chart--empty{color:#64748b;justify-content:center;align-items:center;min-height:200px;display:flex}.activity-chart__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.activity-chart__header h2{margin:0;font-size:1.1rem}.activity-chart__header span{color:#64748b;font-size:.8rem}.activity-chart__container{width:100%;height:280px}.activity-chart__bars{align-items:flex-end;gap:.5rem;height:180px;display:flex}.activity-chart__bar{background:#2563eb;border-radius:4px 4px 0 0;flex:1;min-height:4px}.error-state,.empty-state{text-align:center;padding:4rem 1rem}.app{min-height:100vh}.hero{background:#f8fafc;padding:5rem 1.5rem;position:relative;overflow:hidden}.hero__content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.hero__eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-weight:700}.hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.hero p:not(.hero__eyebrow){color:#64748b;max-width:650px;margin:1.5rem auto 2rem;font-size:1.1rem;line-height:1.6}.hero:before{content:"";pointer-events:none;position:absolute;inset:0}.content{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.results-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.results-header h2{margin:0}.results-header span{color:#64748b}.header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.header__container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header__logo{align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;display:flex}.header__logo-icon{color:#fff;background:#2563eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.header__nav{align-items:center;gap:1.5rem;display:flex}.header__nav a{color:#64748b;font-weight:500;transition:color .2s}.header__nav a:hover{color:#2563eb}.footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:4rem}.footer__container{justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto;padding:3rem 1.5rem;display:flex}.footer__brand{max-width:400px}.footer__brand h2{margin:0 0 .75rem;font-size:1.2rem}.footer__brand p{color:#64748b;margin:0;line-height:1.6}.footer__credit{text-align:right}.footer__credit p{color:#64748b;margin:.35rem 0;font-size:.9rem}.footer__links{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.footer__links a{color:#2563eb;font-weight:600}.footer__links a:hover{text-decoration:underline}@media (width<=640px){.header__container{flex-direction:column;gap:1rem}.search-bar{flex-direction:column}.filters{flex-direction:column;align-items:stretch}.results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.footer__container{text-align:center;flex-direction:column}.footer__credit{text-align:center}.footer__links{justify-content:center}.repository-card__footer{flex-direction:column;align-items:flex-start}.repository-grid{grid-template-columns:1fr;gap:1rem}}#root{min-height:100vh}