body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#191414;color:#fff;line-height:1.6}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 20px}main{padding:2rem 0;display:flex;flex-direction:column;align-items:center}h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#1db954;text-shadow:0 2px 4px #0000004d}h2{font-size:2.2rem;margin:2rem 0 1rem}h2,h3{font-weight:600;color:#1db954}h3{font-size:1.8rem;margin:1.5rem 0 1rem}p{margin:.8rem 0;font-size:1.1rem}a{color:#1db954;text-decoration:none;transition:color .2s}a:hover{color:#1ed760;text-decoration:underline}.button,button,input[type=submit]{background-color:#1db954;color:#fff;font-weight:700;padding:12px 24px;border:none;border-radius:30px;cursor:pointer;transition:all .2s;font-size:1rem;margin:.5rem 0;display:inline-block;text-align:center;box-shadow:0 2px 4px #0003}.button:hover,button:hover,input[type=submit]:hover{background-color:#1ed760;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.button:disabled,button:disabled,input[type=submit]:disabled{background-color:#535353;cursor:not-allowed;transform:none;box-shadow:none}input[type=checkbox]{accent-color:#1db954;margin-right:6px;width:16px;height:16px}.card{background-color:#282828;border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{background:#535353;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1db954}@media (max-width:768px){h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}p{font-size:1rem}.button,button{padding:10px 20px}}.spotify-green{color:#1db954}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mt-2{margin-top:1rem}.steps-container{width:100%;max-width:800px;margin:2rem auto}.step-number{display:inline-block;background-color:#1db954;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;margin-right:10px;font-weight:700}