*{margin:0;padding:0;box-sizing:border-box}html,body{background:linear-gradient(135deg,#1e8449 0%,#239b56 100%);color:#fff;font-family:'Poppins',sans-serif;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:2rem}.header{text-align:center;padding:2rem 0;border-bottom:2px solid rgba(255,255,255,0.3)}.header h1{font-size:2.5rem;margin-bottom:0.5rem}.tagline{font-size:0.95rem;opacity:0.9}.main{padding:2rem 0}.hero{text-align:center;padding:2rem;background:rgba(255,255,255,0.1);margin-bottom:3rem;border-radius:4px}.hero h2{font-size:2rem;margin-bottom:1rem}.hero p{opacity:0.9}.quests h2{font-size:1.8rem;margin-bottom:2rem}.quest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.quest{background:rgba(255,255,255,0.15);padding:1.5rem;border-radius:4px;transition:all 300ms;border:1px solid rgba(255,255,255,0.2)}.quest:hover{background:rgba(255,255,255,0.25);transform:translateY(-5px)}.quest h3{margin-bottom:0.5rem;font-size:1.2rem}.quest p{opacity:0.9;font-size:0.95rem}.cta{text-align:center;margin:3rem 0}.btn{padding:1rem 2rem;background:#fff;color:#1e8449;border:none;font-weight:700;cursor:pointer;border-radius:4px;transition:all 300ms}.btn:hover{transform:scale(1.05)}@media(max-width:768px){.quest-grid{grid-template-columns:1fr}.header h1{font-size:2rem}}