@charset "UTF-8";

		.back-link {
			text-align: center;
			font-size: 0.9rem;
			color: var(--text-sub);
			text-decoration: none;
			font-family: var(--font-sans);
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0.5rem;
			transition: color 0.2s ease;
		}

		.back-link:hover { color: var(--text-main); }

		/* 送信完了後のUI (デフォルトは非表示) */
		.success-state {
			display: none;
			text-align: center;
			gap: 1rem;
			justify-items: center;
		}

		.success-state.is-active { display: grid; }
		.form-state.is-hidden { display: none; }

		.success-icon {
			width: 64px;
			height: 64px;
			background-color: rgba(0, 102, 204, 0.1);
			color: var(--accent-color);
			border-radius: 50%;
			display: grid;
			place-items: center;
			margin-bottom: 0.5rem;
		}

		.app-title-reset {
			/* タイトルに Playfair Display を適用 */
			font-family: var(--font-heading);
			font-size: 2.5rem;
			font-weight: 700;
			letter-spacing: -0.01em;
		}

		.app-subtitle-reset {
			font-family: var(--font-base);
			font-size: 1rem;
			color: var(--text-sub);
			font-weight: 500;
			letter-spacing: 0.02em;
		}

		/* 背景の装飾位置を調整 (send.htmlと逆にして変化を) */
		.bg-glow {
			left: auto;
			right: -10vw;
		}