@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap';body{font-family:roboto,sans-serif;margin:0;padding:0;background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;color:#333}header{display:flex;justify-content:space-between;padding:20px;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 0 20px rgba(0,0,0,.1)}a,a:hover,a:visited,a:active{color:#007bff;text-decoration:none}.logo{max-width:100px;height:auto}.button{text-decoration:none!important;background-color:#007bff;color:#fff!important;padding:10px 30px;font-weight:500;border-radius:5px;box-shadow:2px 2px 10px rgba(0,0,0,.1);transition:box-shadow .3s ease,transform .3s ease;border:none;cursor:pointer;display:flex;font-family:roboto,sans-serif;align-items:center;justify-content:center;gap:7px}.disabled{cursor:not-allowed;pointer-events:none;background-color:#86c1ff}.danger{background-color:#ff6c6c!important}.button:hover{box-shadow:2px 2px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.container{max-width:1500px;margin:auto;width:95%}.ad-element{margin:5px auto;max-width:800px;width:100%}.link-container{display:flex;flex-direction:column;align-items:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);margin:50px 0}article{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);margin:50px 0}h1{font-size:1.8em;margin-bottom:20px}footer{background-color:#fff;border-top:1px solid #ddd;padding:10px;text-align:center;margin-top:auto;font-size:.8em;box-shadow:0 -10px 20px rgba(0,0,0,.05)}.arrow{font-size:1.2em;vertical-align:middle;margin-left:5px}.steps-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1)}.earning-steps{margin:50px 0}.steps{display:flex;justify-content:space-between;margin-top:20px}.step{flex:1;margin-right:20px;padding:20px;border-radius:5px;display:flex;flex-direction:column;align-items:center;text-align:center}.step:last-child{margin-right:0}.step img{width:100px;height:100px;margin-bottom:20px}.section-title{text-align:center;font-size:2em;color:#007bff}.step h3{margin-bottom:10px;font-size:1.2em;color:#007bff}.countdown{text-align:center;display:grid;gap:3px;margin-bottom:20px;font-weight:500}.actions{text-align:center;margin-bottom:20px}.actions p{margin-bottom:8px}@media(max-width:768px){header{flex-direction:column;align-items:center}.logo{margin-bottom:15px}.steps{flex-direction:column}.step{margin-right:0;margin-bottom:20px}.step:last-child{margin-bottom:0}}