.user-card{display:flex;align-items:center;gap:16px;flex:1 1 220px;max-width:100%;padding:16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.user-card:hover{transform:translateY(-4px) scale(1.01);border-color:#3b82f666;box-shadow:0 10px 30px #0006,0 0 20px #3b82f626}.user-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover}.user-info{flex:1}.user-name{margin:0;font-size:18px;font-weight:600;color:#fff}.arrow{font-size:18px;color:#6b7280;transition:transform .2s ease,color .2s ease}.user-card:hover .arrow{transform:translate(4px);color:#3b82f6}.users-list{max-width:100%;max-height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:50px auto 0}.container{width:80%;height:100%;display:block;margin:0 auto}.viewer{width:100%;min-height:100vh;padding:70px 0;font-family:Inter,sans-serif}.viewer__heading{font-size:90px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.viewer__subtitle{font-size:28px;color:#9ca3af;font-weight:400;max-width:500px;line-height:1.6}.viewer__search-user-input{position:relative;max-width:100%;margin:20px 0}.viewer__search-user-form{position:sticky;top:0;z-index:100;padding:10px 0}.viewer__search-user-input-field{width:100%;padding:14px 16px 14px 44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;font-size:15px;outline:none;transition:all .25s ease}.viewer__search-user-input-field::placeholder{color:#6b7280}.viewer__search-user-input-field:hover{border-color:#fff3}.viewer__search-user-input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633,0 0 20px #3b82f626}.viewer__search-user-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#6b7280;stroke-width:2;fill:none;pointer-events:none;transition:.2s}.viewer__search-user-input-field:focus+.viewer__search-user-input-icon,.viewer__search-user-input:hover .viewer__search-user-input-icon{stroke:#3b82f6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif;position:relative;top:50%;gap:14px;padding:40px 0}.loader__spinner{--wh: 56px;width:var(--wh);height:var(--wh);border-radius:50%;background:conic-gradient(from 0deg,#2563eb,#3b82f6,#60a5fa,#93c5fd,#2563eb);animation:spin 1s linear infinite;position:relative;box-shadow:0 0 10px #3b82f699,0 0 25px #3b82f666}.loader__spinner:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#020617}.loader__text{font-size:14px;color:#9ca3af;animation:pulse 1.5s ease-in-out infinite}.repo-card{flex:1 1 clamp(260px,30%,340px);padding:clamp(12px,2vw,16px);border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:.25s}.repo-card:hover{transform:translateY(-4px);border-color:#3b82f680;box-shadow:0 10px 30px #3b82f61a}.repo-card__name{font-size:clamp(14px,1.8vw,16px);color:#60a5fa;word-break:break-word}.repo-card__desc{margin-top:8px;font-size:clamp(12px,1.5vw,13px);color:#9ca3af}.repo-card__meta{margin-top:12px;display:flex;justify-content:space-between;font-size:clamp(11px,1.4vw,12px);color:#6b7280}.repo-lang{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.repo-lang__icon{font-size:16px}.repo-stars{color:#ffc400}.user__repos{margin-top:clamp(20px,4vw,30px)}.user__repos-title{font-size:clamp(16px,2.5vw,20px);color:#e5e7eb;margin-bottom:clamp(12px,2vw,16px)}.user__repos-list{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,16px)}.user{width:min(100%,1100px);margin:clamp(16px,4vw,40px) auto;padding:0 clamp(12px,3vw,20px);font-family:Inter,sans-serif}.user__header{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,30px);align-items:center;padding:clamp(16px,3vw,24px);border-radius:20px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.user__avatar{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.1)}.user__info{flex:1 1 250px;min-width:0}.user__name{font-size:clamp(20px,3vw,28px);font-weight:600;color:#f3f4f6}.user__bio{margin-top:6px;color:#9ca3af;font-size:clamp(13px,1.5vw,14px)}.user__stats{margin-top:14px;display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,20px);color:#d1d5db}.user__stats span strong{color:#fff}.user__actions{margin-top:clamp(12px,2vw,20px)}.user__btn{display:inline-block;padding:clamp(8px,1.5vw,10px) clamp(12px,2vw,16px);border-radius:10px;background:#3b82f6;color:#fff;font-size:clamp(13px,1.5vw,14px);text-decoration:none;transition:.2s}.user__btn:hover{background:#2563eb}.user-tabs{margin-top:clamp(20px,4vw,30px)}.user-tabs__controls{display:flex;flex-wrap:wrap;margin-bottom:16px}.user-tabs__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:3px solid rgba(255,255,255,.08);background:#ffffff0a;color:#9ca3af;font-size:14px;cursor:pointer;transition:.2s}.user-tabs__icon{width:1em;height:auto}.user-tabs__btn:hover{border-color:#fff3;color:#e5e7eb}.user-tabs__btn.active{background:#3b82f6;color:#fff;border-color:#2b5ab1;box-shadow:0 0 12px #3b82f666}.user-tabs__content{width:100%}.user-main-repositories{display:flex;gap:20px;align-items:flex-start}.user-main-repositories>*:first-child{flex:2;min-width:0}.user-main-repositories>*:last-child{flex:1;min-width:0}.user-main-repositories>*{width:100%}@media(max-width:1024px){.user-main-repositories{gap:16px}.user-main-repositories>*:first-child{flex:1.5}.user-main-repositories>*:last-child{flex:1}}@media(max-width:768px){.user-main-repositories{flex-direction:column}.user-main-repositories>*{flex:unset}}.followers-list{display:flex;flex-wrap:wrap;gap:12px}.load-more{position:relative;overflow:hidden;display:block;margin:clamp(20px,4vw,30px) auto 0;padding:10px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e5e7eb;font-size:14px;cursor:pointer;transition:all .25s ease}.load-more:hover{background:#3b82f626;border-color:#3b82f680;color:#fff;box-shadow:0 6px 20px #3b82f640;transform:translateY(-2px)}.load-more:active{transform:translateY(0);box-shadow:none}.load-more:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.load-more:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(59,130,246,.2),transparent 70%);opacity:0;transition:.3s}.load-more:hover:after{opacity:1}.top-repos{padding:16px;border-radius:16px;margin-top:16px;background:#ffffff05;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(59,130,246,.2);box-shadow:0 0 20px #3b82f614}.top-repos__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#e5e7eb;margin-bottom:12px}.top-repos__list{display:flex;flex-direction:column}.top-repos__list>*:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.top-repos__list:hover{border-color:#3b82f64d}.top-repos{position:relative}.top-repos:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:10px;background:linear-gradient(to bottom,#3b82f6,transparent);opacity:.7}.pinned-list{margin-top:24px;padding:16px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pinned-list__header{margin-bottom:14px}.pinned-list__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#e5e7eb}.pinned-list__icon{font-size:14px}.pinned-list__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}a{color:#000;text-decoration:none}button,input,textarea{border:none;background-color:transparent}button:focus,input:focus,textarea:focus{outline:none}ul,ol,menu{list-style:none}body{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15),transparent 40%),radial-gradient(circle at 80% 0%,rgba(139,92,246,.15),transparent 40%),#0b0f1a;color:#e5e7eb}#root{width:100%;min-height:100vh}@font-face{font-family:Inter;src:url(/React-Github-Profile-Viewer/assets/Inter-400-BpskOkD5.ttf);font-weight:400}@font-face{font-family:Inter;src:url(/React-Github-Profile-Viewer/assets/Inter-700-BVTOCPiq.ttf);font-weight:700}