* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #0b1c3b; }
.invitation { width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden; }
.swiper-slide { position: relative; width: 100%; }
.swiper-slide img { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }
/* 원본 1080×1920 기준 버튼: x=76, y=1472, width=928, height=124 */
.register-link { position: absolute; left: 7.037037%; top: 76.666667%; width: 85.925926%; height: 6.458333%; border-radius: 999px; -webkit-tap-highlight-color: transparent; }
.register-link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.swiper-button-prev,
.swiper-button-next {
	width: 36px;
	height: 48px;
	margin-top: -24px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 8px;
	background: rgba(5, 20, 45, .55);
	color: #fff;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.swiper-button-prev { left: 6px; }
.swiper-button-next { right: 6px; }
.swiper-button-prev::after,
.swiper-button-next::after { font-size: 21px; font-weight: bold; }
.swiper-button-prev:focus-visible,
.swiper-button-next:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { opacity: .22; }