@keyframes dnaFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes dnaRotate{0%{transform:rotate(0) rotateX(0)}to{transform:rotate(360deg) rotateX(360deg)}}@keyframes helixPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #22d3ee66,inset 0 0 20px #22d3ee1a}50%{box-shadow:0 0 40px #22d3eecc,inset 0 0 30px #22d3ee33}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes tabFade{0%{opacity:0}to{opacity:1}}.dna-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#020617,#0f172a);z-index:-1;overflow:hidden}.dna-background:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(34,211,238,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.1) 0%,transparent 50%);animation:dnaFloat 20s ease-in-out infinite}.ranking-container{max-width:80rem;margin:0 auto;padding:4rem 1.5rem;position:relative;z-index:10}.ranking-header{text-align:center;margin-bottom:4rem;padding-top:2rem;animation:slideIn .6s ease-out}.ranking-header h1{background:linear-gradient(135deg,#22d3ee,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3.5rem!important;margin-bottom:.5rem!important}.ranking-header p{font-size:1.125rem;color:#94a3b8}.tabs-container{display:flex;justify-content:center;margin-bottom:4rem;animation:slideIn .6s ease-out .1s both}.tabs{display:flex;gap:1rem;background:#0f172a80;padding:.5rem;border-radius:1.5rem;border:1px solid rgba(34,211,238,.2)}.tab-button{padding:.75rem 1.5rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:1rem;transition:all .3s ease;font-weight:500;display:flex;gap:.5rem;align-items:center}.tab-button:hover{color:#22d3ee;background:#22d3ee1a}.tab-button.active{color:#020617;background:linear-gradient(135deg,#22d3ee,#0ea5e9)}.tab-content{display:none;animation:tabFade .4s ease-out}.tab-content.active{display:block}.rankings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.developers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem}.ranking-card{position:relative;background:linear-gradient(135deg,#0f172acc,#141e30cc);border:1px solid rgba(34,211,238,.3);border-radius:1.5rem;padding:1.5rem;overflow:hidden;animation:slideIn .6s ease-out forwards;transition:all .3s ease;cursor:pointer}.ranking-card:hover{border-color:#22d3eecc;box-shadow:0 0 30px #22d3ee4d;transform:translateY(-10px)}.position-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#020617;padding:.5rem 1rem;border-radius:2rem;font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.3rem}.dev-position-badge{position:absolute;top:1.5rem;right:1.5rem;width:50px;height:50px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#020617;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.dna-helix{position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(34,211,238,.3) 0%,transparent 70%);border-radius:50%;animation:helixPulse 3s ease-in-out infinite;filter:blur(1px)}.dna-strands{position:absolute;top:0;right:0;width:200px;height:200px;background:linear-gradient(45deg,transparent 30%,rgba(34,211,238,.2) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(14,165,233,.2) 50%,transparent 70%);animation:dnaRotate 8s linear infinite;opacity:.5}.card-content{position:relative;z-index:2}.repo-header{margin-bottom:1.5rem}.repo-name{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:.25rem}.repo-owner{font-size:.875rem;color:#94a3b8}.score-display{text-align:center;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;animation:glow 2s ease-in-out infinite;border:2px solid currentColor}.score-circle.grade-green{background:#22c55e33;color:#22c55e}.score-circle.grade-emerald{background:#10b98133;color:#10b981}.score-circle.grade-yellow{background:#eab30833;color:#eab308}.score-circle.grade-orange{background:#f9731633;color:#f97316}.score-circle.grade-red{background:#ef444433;color:#ef4444}.score-value{font-size:1.75rem}.grade-label{font-size:.875rem;color:#94a3b8;text-align:center}.metrics-bars{display:grid;gap:.75rem;margin-bottom:1.5rem}.metric-bar{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:.75rem}.metric-name{font-size:.75rem;color:#94a3b8;font-weight:600}.metric-fill{height:6px;background:linear-gradient(90deg,#22d3ee,#0ea5e9);border-radius:3px;position:relative;box-shadow:0 0 10px #22d3ee66}.repo-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid rgba(34,211,238,.2);border-bottom:1px solid rgba(34,211,238,.2)}.stat{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.875rem}.stat i{color:#22d3ee}.view-button{display:block;width:100%;text-align:center;padding:.75rem 1rem;background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#020617;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.view-button:hover{transform:translate(5px);box-shadow:0 5px 20px #22d3ee66}.developer-card{position:relative;background:linear-gradient(135deg,#0f172acc,#141e30cc);border:1px solid rgba(34,211,238,.3);border-radius:1.5rem;padding:2rem;overflow:hidden;animation:slideIn .6s ease-out forwards;transition:all .3s ease}.developer-card:hover{border-color:#22d3eecc;box-shadow:0 0 40px #22d3ee4d;transform:translateY(-10px)}.dev-content{position:relative;z-index:2}.dev-name{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1.5rem;word-break:break-word}.dev-score{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:1rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.score-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.score-big{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#22d3ee,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.repo-count{text-align:center;color:#cbd5e1;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.repo-count i{color:#22d3ee}.dev-repos-list{display:flex;flex-direction:column;gap:.75rem}.dev-repo-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#22d3ee0d;border-radius:.5rem;text-decoration:none;transition:all .3s ease;border-left:3px solid rgba(34,211,238,.3)}.dev-repo-item:hover{background:#22d3ee26;border-left-color:#22d3ee;padding-left:1rem}.dev-repo-name{color:#cbd5e1;font-size:.875rem;flex:1}.dev-repo-score{color:#22d3ee;font-weight:600;font-size:.875rem}.empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.empty-state i{font-size:4rem;margin-bottom:1rem;color:#22d3ee;opacity:.5}.empty-state p{font-size:1.125rem}.floating-back-button-ranking{position:fixed;top:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#020617;cursor:pointer;z-index:100;text-decoration:none;box-shadow:0 4px 20px #22d3ee66;transition:all .3s ease}.floating-back-button-ranking:hover{transform:scale(1.1);box-shadow:0 6px 30px #22d3ee99}.floating-back-button-ranking:active{transform:scale(.95)}@media(max-width:768px){.ranking-header h1{font-size:2rem!important}.rankings-grid,.developers-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tab-button{justify-content:center}}