@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap);:root{--bg-dark:#0a0b10;--bg-card:#ffffff08;--bg-card-hover:#ffff0c14;--clr-white:#fff;--clr-grey-1:#e2e8f0;--clr-grey-5:#94a3b8;--clr-primary:#3b82f6;--clr-accent:#8b5cf6;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--radius:1.25rem;--max-width:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0a0b10;background:var(--bg-dark);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);color:#e2e8f0;color:var(--clr-grey-1);font-family:Outfit,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh}.section-title{margin:4rem 0 5rem;text-align:center}.section-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.section-title h2{color:#94a3b8;color:var(--clr-grey-5);font-size:1.25rem;font-weight:300;letter-spacing:.1em;text-transform:lowercase}.followers{margin:0 auto 5rem;max-width:1200px;max-width:var(--max-width);width:90vw}.container{grid-gap:2.5rem;display:grid;gap:2.5rem;margin-bottom:5rem}@media screen and (min-width:576px){.container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1.25rem;border-radius:var(--radius);box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.card:hover{background:#ffffff0d;border-color:#3b82f680;transform:translateY(-10px)}.card:hover:before{left:100%}.avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--gradient-primary);border-radius:50%;height:120px;margin:0 auto 1.5rem;padding:3px;width:120px}.avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.card h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.btn,.card h4{color:#fff;color:var(--clr-white)}.btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:30px;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:1px;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{box-shadow:0 0 20px #3b82f666;transform:scale(1.05)}.btn-container{flex-wrap:wrap;gap:.75rem}.btn-container,.page-btn{align-items:center;display:flex;justify-content:center}.page-btn{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:50%;color:#94a3b8;color:var(--clr-grey-5);cursor:pointer;font-weight:600;height:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:2.5rem}.page-btn:hover{background:#ffffff1a}.active-btn,.page-btn:hover{color:#fff;color:var(--clr-white)}.active-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--gradient-primary);border:none;box-shadow:0 0 15px #3b82f64d}.next-btn,.prev-btn{background:#0000;border:none;color:#3b82f6;color:var(--clr-primary);cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:2px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.next-btn:hover,.prev-btn:hover{color:#8b5cf6;color:var(--clr-accent)}.loading{align-items:center;display:flex;height:50vh;justify-content:center}.loading:after{animation:spinner .8s linear infinite;border:4px solid #ffffff1a;border-top-color:#3b82f6;border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--clr-primary);content:"";height:4rem;width:4rem}@keyframes spinner{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.418de4c7.css.map*/