.cta{text-align:center;padding:60px 0}.cta h2{color:#e91e63;margin-bottom:20px;font-size:2.5em}.cta p{color:#666;margin-bottom:30px;font-size:1.2em}.cta-buttons{justify-content:center;gap:5px;display:flex}.cta-buttons-secondary{color:#e0e0e0;cursor:pointer;text-align:center;background-color:#282b2f;border-radius:15px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.cta-buttons-primary{background-color:inherit;color:#e0e0e0;cursor:pointer;text-align:center;border:1px solid #fff;border-radius:15px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.cta-buttons a:hover{background-color:#ffffff1a;border-radius:15px;box-shadow:0 0 10px #ffffff80}.hero{text-align:center;flex-wrap:wrap;justify-content:center;height:750px;padding:150px 0 60px;display:flex}.hero-container{flex-flow:column wrap;place-content:center;align-items:center;max-width:1200px;display:flex}.hero-buttons{justify-content:center;gap:5px;display:flex}.hero button{background-color:inherit;color:#e0e0e0;cursor:pointer;text-align:center;border:1px solid #fff;border-radius:15px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.hero button:hover{background-color:#ffffff1a;border-radius:15px;box-shadow:0 0 10px #ffffff80}.hero-buttons-secondary{color:#e0e0e0;cursor:pointer;text-align:center;background-color:#282b2f;border-radius:15px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.hero-buttons-primary{background-color:inherit;color:#e0e0e0;cursor:pointer;text-align:center;border:1px solid #fff;border-radius:15px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.hero-buttons a:hover{background-color:#ffffff1a;border-radius:15px;box-shadow:0 0 10px #ffffff80}.hero h2{color:#fff;margin-bottom:20px;font-size:3em;font-weight:700}.hero p{color:#666;margin-bottom:30px;font-size:1.2em}.btn{text-align:center;background-color:inherit;border-color:none;padding:10px 18px;font-weight:500;transition:all .3s}.btn-primary{color:#fff;border-color:none}.btn.btn-primary{background-color:inherit;border-color:none;color:#e0e0e0;cursor:pointer;text-align:center;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.btn.btn-primary:hover{background-color:#ffffff1a;border-radius:5px;box-shadow:0 0 10px #ffffff80}.btn-secondary{color:#e0e0e0;background-color:#333;border:1px solid #333}.btn-secondary:hover{background-color:#444}.features-section{flex-direction:column;align-items:center;gap:3rem;padding:7px 2rem 2rem;display:flex}.feature-container{flex-flow:column wrap;place-content:center;max-width:1200px;display:flex}.feature-intro{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.feature-intro h2{color:#fff;margin-bottom:20px;font-size:2.5em;font-weight:700}.feature-intro p{color:#666;margin-bottom:30px;font-size:1.2em}.feature-item{border-radius:15px;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.feature-item.reverse{flex-direction:row-reverse}.feature-content{max-width:50%}.feature-title{color:#e91e63;margin-bottom:1rem;font-size:2rem;font-weight:700}.feature-description{color:#bdb6b6;margin-bottom:1.5rem;font-size:1rem}.feature-link{color:#fff;background-color:#007bff;border-radius:50px;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s;display:inline-block}.feature-link:hover{background-color:#0056b3}.feature-image img{border-radius:15px;max-width:100%;max-height:200px}@media (max-width:768px){.feature-item{text-align:center;flex-direction:column}.feature-item.reverse{flex-direction:column}.feature-content,.feature-image{max-width:100%}}.how-it-works{text-align:center;padding:60px}.how-it-works h2{color:#e91e63;margin-bottom:30px;font-size:2.5em}.steps{flex-wrap:wrap;justify-content:center;display:flex}.step{background-color:#fff;border-radius:10px;max-width:300px;margin:15px;padding:20px;transition:transform .3s;box-shadow:0 4px 8px #0000001a}.step-number{color:#61dafb;margin-bottom:10px;font-size:2em}.step h3{color:#20232a;margin-bottom:10px;font-size:1.4em}.step p{font-size:1em}.main-content{flex-direction:column;align-items:center;padding:150px 0 60px;display:flex}.guild-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.guild-card{border:1px solid #ccc;border-radius:10px;width:300px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.guild-banner{background-position:50%;background-size:cover;height:150px}.guild-info{text-align:center;padding:20px}.guild-icon img{border-radius:50%;width:50px;height:50px}.guild-name{margin:10px 0;font-size:18px;font-weight:700}.manage-button{color:#fff;background-color:#7289da;border-radius:5px;padding:10px 20px;text-decoration:none;transition:background-color .3s;display:inline-block}.manage-button:hover{background-color:#5b6eae}
