:root{--accent:#dc5184;--dark:#1a1a1a;--light:#f5f5f5;--code-bg:#2d2d2d;--card-bg:#ffffff;--shadow:0 4px 6px rgba(0,0,0,0.1)}
main{*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif}
body{color:var(--dark);background-color:#f0f0f0;font-family:'Poppins',sans-serif;line-height:1.6}.img-cards{width:100%}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:linear-gradient(135deg,rgba(131,58,180,0.1)0%,rgba(253,29,29,0.1)50%,rgba(252,176,69,0.1)100%);border-radius:20px;margin-bottom:60px}.hero-logo{width:120px;height:120px;margin-bottom:20px}.hero-title{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,rgba(131,58,180,1)0%,rgba(253,29,29,1)50%,rgba(252,176,69,1)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:30px;color:#333}.hero-button{padding:20px 100px;font-size:20px;font-weight:600;border:none;border-radius:30px;background:linear-gradient(90deg,rgba(131,58,180,1)0%,rgba(253,29,29,1)50%,rgba(252,176,69,1)100%);color:white;cursor:pointer;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 4px 15px rgba(253,29,29,0.3);text-decoration:none;display:inline-block;margin-top:10px}.hero-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(253,29,29,0.4)}
#header{text-align:center;margin-bottom:30px}.container{max-width:1100px;margin:0 auto;background-color:white;padding:40px 50px;border-radius:10px;box-shadow:var(--shadow)}.subtitle{color:#666;font-size:1.1rem;margin-top:10px}
section{margin-bottom:40px}
h1{font-size:2.5rem;background:linear-gradient(90deg,rgba(131,58,180,1)0%,rgba(253,29,29,1)50%,rgba(252,176,69,1)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
h2{font-size:2.2rem;font-weight:700;margin-bottom:20px;position:relative;color:#333}
h2::after{content:'';position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,rgba(131,58,180,1)0%,rgba(253,29,29,1)50%,rgba(252,176,69,1)100%);border-radius:2px}
h3{font-size:1.5rem;margin-top:25px;margin-bottom:15px;color:var(--accent)}
h4{margin:15px 0 10px;font-size:1.2rem}
p{margin:10px 0;font-size:15px}
code{font-family:'Consolas',monospace;background-color:#252525;color:white;padding:2px 5px;border-radius:3px;font-size:0.9em}
pre{background-color:var(--code-bg);color:#f8f8f2;padding:15px;border-radius:5px;overflow-x:auto;font-family:'Consolas',monospace;font-size:0.9em;margin:15px 0}.container li{margin-left:40px;font-size:15px}.container ul{margin:10px 0}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.feature-card{flex:1;min-width:250px;max-width:350px;padding:30px;background-color:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--accent);margin-top:0;font-size:1.3rem}.feature-card p{font-size:15px;color:#666}.discord-embed{border-left:4px solid var(--accent);background-color:#2f3136;color:#dcddde;padding:15px;border-radius:4px;margin:15px 0;font-family:'Whitney','Helvetica Neue',Helvetica,Arial,sans-serif}.discord-embed.embed-title{color:white;font-weight:bold;margin-bottom:8px;font-size:1.1em}.discord-embed.embed-description{margin-bottom:10px;font-size:0.95em}.discord-embed.embed-field{margin-top:15px}.discord-embed.field-name{font-weight:bold;color:white;margin-bottom:3px}.embed-footer{margin-top:10px;font-size:0.8em;color:#72767d;display:flex;align-items:center}.embed-timestamp{margin-left:5px;color:#72767d;word-spacing:2px}.buttons{display:flex;gap:10px;margin-top:15px}.btn{padding:7px 15px;border-radius:3px;font-weight:bold;font-size:0.9em;cursor:pointer}.btn-success{background-color:#43b581;color:white}.btn-danger{background-color:#f04747;color:white}.flow-diagram{margin:30px 0;text-align:center}.flow-step{display:inline-block;background-color:var(--accent);color:white;padding:10px 20px;border-radius:5px;margin:5px 10px}.flow-arrow{display:inline-block;font-size:1.5em;color:var(--accent);margin:0 5px}.stats-boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px}.stat-box{flex:1;min-width:200px;max-width:250px;padding:25px;background-color:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);text-align:center}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,rgba(131,58,180,1)0%,rgba(253,29,29,1)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:1rem;color:#666}.cta-section{background:linear-gradient(135deg,rgba(131,58,180,0.1)0%,rgba(253,29,29,0.1)50%,rgba(252,176,69,0.1)100%);padding:60px 30px;border-radius:20px;text-align:center;margin-bottom:60px}.cta-title{font-size:2rem;font-weight:700;margin-bottom:20px;color:#333}.cta-description{font-size:1.1rem;color:#555;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.card-showcase{display:flex;justify-content:center;margin:20px 0;flex-wrap:wrap;gap:20px}.player-card{width:300px;height:450px;background:linear-gradient(135deg,#f6cd61 0%,#e9a11b 100%);border-radius:15px;padding:20px;box-shadow:var(--shadow);color:#333;position:relative;overflow:hidden}.gold-card{background:linear-gradient(135deg,#f6cd61 0%,#e9a11b 100%)}.silver-card{background:linear-gradient(135deg,#e8e8e8 0%,#b4b4b4 100%)}.bronze-card{background:linear-gradient(135deg,#d7995b 0%,#8d5024 100%)}.rating{font-size:2.5em;font-weight:bold;position:absolute;top:20px;left:20px}.position{position:absolute;top:70px;left:20px;font-size:1.2em}.avatar{position:absolute;top:20px;right:20px;font-size:4em}.player-name{position:absolute;bottom:180px;left:0;right:0;text-align:center;font-size:1.5em;font-weight:bold}.stats{position:absolute;bottom:20px;left:20px;right:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{display:flex;justify-content:space-between}.stat-value{font-weight:bold}
main{display:flex;align-items:center;justify-content:center;padding:20px 0}
@media(max-width:1115px){.container{width:95%;padding:20px}
main{padding:20px 10px}.feature-grid{grid-template-columns:1fr}.feature-card{min-width:100%;max-width:100%}
h1{font-size:2rem}
h2{font-size:1.8rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:1.8rem}.stat-box{min-width:140px}.cta-title{font-size:1.8rem}.hero-button{padding:15px 50px}}}