*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d1117;min-height:100vh;padding:1rem .75rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));color:#e6edf3;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}.container{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}header{text-align:center;margin-bottom:1.5rem;padding:.75rem 0}h1{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;line-height:1.2;background:linear-gradient(135deg,#5865f2,#eb459e,#faa61a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word}.subtitle{font-size:1rem;color:#8b949e;max-width:100%;margin:0 auto .75rem;line-height:1.5;padding:0 .5rem}.disclaimer{font-size:.8rem;color:#6e7681;margin-top:.75rem;padding:0 .5rem;line-height:1.4}.disclaimer a{color:#8b949e;text-decoration:none;transition:color .2s ease;border-bottom:1px solid transparent}.disclaimer a:hover{color:#c9d1d9;border-bottom-color:#8b949e}.bots-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.bot-card{background:linear-gradient(135deg,#161b22,#0d1117);border:2px solid #30363d;border-radius:12px;padding:1rem;display:flex;flex-direction:row;gap:.875rem;align-items:flex-start;transition:all .3s ease;position:relative;overflow:visible;width:74%;max-width:74%;box-sizing:border-box;z-index:1}.bot-card-left{margin-left:0;margin-right:auto}.bot-card-left:after{content:"";position:absolute;right:-13%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,#5865f2 20%,#eb459e 50%,#faa61a 80%,transparent 100%);opacity:.3;z-index:0}.bot-card-right{margin-left:auto;margin-right:0}.bot-card-right:after{content:"";position:absolute;left:-13%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,#5865f2 20%,#eb459e 50%,#faa61a 80%,transparent 100%);opacity:.3;z-index:0}.bot-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#5865f2 15%,#eb459e 50%,#faa61a 85%,transparent 100%);opacity:0;transition:opacity .3s ease}.bot-card:hover{border-color:#5865f2;box-shadow:0 20px 60px #5865f233}.bot-card:hover:before{opacity:1}.avatar-container{flex-shrink:0;position:relative}.avatar{width:72px;height:72px;border-radius:12px;object-fit:cover;border:2px solid #5865f2;box-shadow:0 3px 8px #5865f24d;transition:transform .3s ease;flex-shrink:0}.bot-card:hover .avatar{transform:scale(1.05) rotate(2deg)}.bot-content{flex:1}.bot-name{font-size:1.35rem;font-weight:800;color:#e6edf3;line-height:1.2;word-break:break-word;margin-bottom:.5rem}.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.badge{padding:.25rem .5rem;min-height:24px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.badge.certified{background:linear-gradient(135deg,#faa61a,gold);color:#0d1117}.badge.votes{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff}.badge.servers{background:linear-gradient(135deg,#238636,#2ea043);color:#fff}.badge.tag{background:#21262d;color:#8b949e;border:1px solid #30363d}.bot-description{font-size:.9rem;color:#c9d1d9;margin-bottom:.75rem;line-height:1.5;word-break:break-word;width:100%}.bot-actions{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.btn{padding:.5rem .875rem;min-height:36px;min-width:36px;border-radius:8px;font-weight:700;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:.8rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-transform:uppercase;letter-spacing:.25px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.btn-main{font-size:.8rem;font-weight:700;line-height:1.2}.btn-sub{font-size:.6rem;font-weight:600;opacity:.9;line-height:1;letter-spacing:.15px}.btn:focus{outline:3px solid #5865f2;outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;box-shadow:0 4px 15px #5865f24d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #5865f280}.btn-secondary{background:linear-gradient(135deg,#eb459e,#f093fb);color:#fff;box-shadow:0 4px 15px #eb459e4d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #eb459e80}.btn-outline{background:transparent;color:#5865f2;border:2px solid #5865f2}.btn-outline:hover{background:#5865f2;color:#fff;transform:translateY(-3px)}@media(min-width:481px){body{padding:1.5rem 1rem}header{margin-bottom:2rem;padding:1rem 0}h1{font-size:2.5rem}.subtitle{font-size:1rem}.disclaimer{font-size:.8rem}.bots-grid{gap:1.25rem}.bot-card{padding:1.125rem;gap:1rem}.avatar{width:80px;height:80px}.bot-name{font-size:1.5rem}.bot-description{font-size:.9rem}.badge{font-size:.8rem;padding:.5rem .875rem}.btn{font-size:.9rem;padding:.8rem 1.5rem}.btn-main{font-size:.9rem}.btn-sub{font-size:.7rem}}@media(min-width:641px){body{padding:2rem 1.25rem}header{margin-bottom:2.5rem;padding:1.25rem 0}h1{font-size:2.75rem}.subtitle{font-size:1.05rem}.disclaimer{font-size:.85rem}.bots-grid{gap:1.5rem}.bot-card{padding:1.25rem;gap:1rem}.avatar{width:96px;height:96px;border-radius:14px}.bot-name{font-size:1.75rem}.bot-description{font-size:.95rem;margin-bottom:.875rem}.badge{font-size:.75rem;padding:.3rem .6rem;min-height:26px}.btn{font-size:.95rem;padding:.85rem 1.75rem}.btn-main{font-size:.95rem}.btn-sub{font-size:.72rem}}@media(min-width:769px){body{padding:2rem 1.5rem}header{margin-bottom:2.75rem}h1{font-size:3rem}.subtitle{font-size:1.1rem;max-width:600px}.bots-grid{gap:1.75rem}.bot-card{padding:1.5rem;gap:1.25rem}.avatar{width:112px;height:112px;border-radius:16px}.bot-name{font-size:2rem}.bot-description{font-size:1rem;margin-bottom:1rem}.badge{font-size:.75rem;padding:.35rem .65rem;min-height:28px}.btn{font-size:.85rem;padding:.625rem 1.25rem;min-height:38px}.btn-main{font-size:.85rem}.btn-sub{font-size:.65rem}}@media(min-width:1025px){body{padding:2rem}header{margin-bottom:3rem}h1{font-size:3.25rem}.subtitle{font-size:1.15rem;max-width:700px}.bots-grid{gap:2rem}.bot-card{padding:1.75rem;gap:1.5rem;border-radius:16px}.avatar{width:120px;height:120px;border-radius:18px;border-width:3px}.bot-name{font-size:2.25rem}.bot-description{font-size:1.05rem;line-height:1.6;margin-bottom:1rem}.badge{font-size:.8rem;padding:.4rem .75rem;min-height:30px}.btn{font-size:.9rem;padding:.7rem 1.5rem;min-height:40px}.btn-main{font-size:.9rem}.btn-sub{font-size:.7rem}}@media(max-height:500px)and (orientation:landscape){header{margin-bottom:2rem;padding:1rem 0}h1{font-size:2rem;margin-bottom:.5rem}.subtitle{font-size:.9rem;margin-bottom:.5rem}.disclaimer{font-size:.75rem;margin-top:.5rem}.bots-grid{gap:1.5rem}.bot-card{padding:1.5rem;gap:1.25rem}.avatar{width:80px;height:80px}.bot-name{font-size:1.5rem}.bot-description{font-size:.9rem;margin-bottom:1rem}}@media(max-width:768px){.subtitle{font-size:.85rem;line-height:1.4;text-align:left;margin-left:0;margin-right:0}.subtitle br{display:none}.bot-card-left:after,.bot-card-right:after{display:none}.bot-card{display:block;text-align:left;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-top:1rem;padding-bottom:1rem;margin-bottom:.75rem}.avatar-container{float:left;margin:0 .75rem .5rem 0}.avatar{width:56px;height:56px}.bot-content{display:block}.bot-name{display:inline-block;text-align:left;margin-top:0;margin-bottom:.5rem;font-size:1.15rem;width:auto;vertical-align:middle;line-height:56px}.badges{display:block;width:100%;margin-top:.5rem;margin-bottom:.75rem;text-align:left;line-height:1.5}.badge{display:inline-block;margin:.125rem .25rem;vertical-align:middle;line-height:1.2}.bot-description{clear:left;text-align:left;margin-top:.75rem;margin-bottom:.75rem;width:100%}.bot-actions{clear:left;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;justify-content:center;justify-items:center;margin-top:0;margin-bottom:0;width:100%}.bot-actions .btn{width:100%;min-width:0;text-align:center;justify-content:center}}@media(hover:none)and (pointer:coarse){.bot-card:hover{transform:none;border-color:#30363d}.bot-card:hover:before{opacity:0}.bot-card:hover .avatar,.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover{transform:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}