.shakeJoin {
		    padding: 80px 0;
		    background: oklch(97% .01 85);
		}

		.sharkInfor {
		    text-align: center;
		    width: 1216px;
		    max-width: calc(100% - 32px);
		    box-sizing: border-box;
		    border: 4px solid oklch(45% .15 330);
		    background-image: linear-gradient(to right bottom, oklch(92% .02 285), oklch(95% .03 350));
		    padding: 64px;
		    margin: 0 auto;
		    border-radius: 48px;
		}

		.sharkInfor h2 {
		    line-height: 1;
		    margin-bottom: 24px;
		    font-weight: bold;
		    font-size: 48px;
		    color: oklch(.25 .02 330);
		}

		.sharkInfor p {
		    font-size: 20px;
		    line-height: 1.4;
		    margin-bottom: 24px;
		    color: oklch(.45 .02 285);
		}

		.joinBtn {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    gap: 16px;
		}

		.joinBtn a {
		    font-weight: bold;
		    font-size: 14px;
		    border-radius: 16px;
		    line-height: 34px;
		    padding: 0 24px;
		    border: 3px solid oklch(45% .15 330);
		}

		.joinBtn a:nth-child(1) {
		    background: oklch(45% .15 330);
		    color: #ffffff;
		}

		.joinBtn a:nth-child(2) {
		    color: oklch(45% .15 330)
		}

		@media screen and (max-width:780px) {
		    .sharkInfor {
		        padding: 48px;
		    }

		    .sharkInfor h2 {
		        font-size: 36px;
		        line-height: 40px;
		    }
		}