*{box-sizing:border-box;font-family:'Inter',sans-serif;margin:0;padding:0}body{background-color:#fec930;padding:30px 10px;display:flex;justify-content:center}.step-box{background-color:#fff;border-radius:20px;box-shadow:0 5px 10px rgb(0 0 0 / .08);width:100%;max-width:430px;text-align:center;padding:25px}.logo{max-width:200px;margin:0 auto 20px;display:block}.avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:15px}h1,h2{font-size:22px;margin-bottom:10px}p{font-size:16px;color:#444;margin-bottom:20px}.button-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.option-button{flex:1 1 120px;background:#fff;border:2px solid #ccc;border-radius:15px;padding:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .06)}.option-button img{width:40px;height:40px;margin-bottom:5px}.option-button:hover{background-color:#f5f5f5}.option-button.selected{background-color:#ffd9d5;border-color:#ff5757;box-shadow:0 0 0 2px #ffeaea}input,select{width:100%;padding:14px;font-size:16px;border-radius:12px;border:1px solid #ccc;margin-bottom:15px}button.continue{background-color:#0c61cf;color:#fff;border:none;border-radius:12px;padding:14px;width:100%;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}.footer{font-size:13px;text-align:center;margin-top:25px}.step{display:none}.step.active{display:block}.continue{background-color:#0c61cf;color:#fff;border:none;border-radius:12px;padding:14px;width:100%;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}</style>