@font-face{
				font-family: "Pretendard";
				src: url("data/pretendard.woff2") format("woff2");
			}
			* {
				font-family: "Pretendard", sans-serif;
				font-size: 14px;
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}
			body {
				background-color: #050913;
				padding: 40px;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				height: 100vh;
				overflow: hidden;
			}
			.container {
				max-width: 1280px;
				width: 100%;
				max-height: 95vh;
				background-color: #0d111a;
				border-radius: 4px;
				box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
				padding: 30px;
				margin-bottom: 20px;
				overflow-y: auto;
			}
			.form-group {
				display: flex;
				margin-bottom: 20px;
			}
			.input-topic {
				width: 64%;
				margin-right: 10px;
				padding: 15px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				color: #fdfdfd;
			}
			input::placeholder {
				color: #9fa5b0;
			}
			.input-code {
				width: 18%;
				margin-right: 10px;
				padding: 15px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				color: #fdfdfd;
			}
			.input-variety {
				width: 18%;
				padding: 15px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				color: #fdfdfd;
			}
			input[type=text]:focus {
				border-color: #6600ff;
				outline: none;
			}
			.keyword-group {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}
			.keyword-input {
				flex: 1 1 calc(20% - 10px);
				min-width: 150px;
				padding: 12px;
				border: 1px solid #2a2e36;
				border-radius: 4px;
				background-color: #0d111a;
				transition: border-color 0.3s;
				color: #fdfdfd;
			}
			.submitBtn {
				width: 100%;
				padding: 12px;
				background-color: #6600ff;
				color: #fff;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				font-size: 16px;
				transition: background-color 0.3s, transform 0.3s;
				margin-top: 15px;
			}
			.submitBtn:hover {
				background-color: #5700d9;
				transform: translateY(-1px);
			}
			.response {
				width: 100%;
				padding: 20px;
				border-radius: 4px;
				font-size: 18px;
				background-color: #2a2e36;
				box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
				margin-top: 20px;
				color: #fdfdfd;
			}
			@media (max-width: 768px) {
				.container {
					width: 90%;
					padding: 15px;
				}
				.keyword-input {
					width: calc(100% - 10px);
					margin-bottom: 10px;
					flex: 1 1 100%;
				}
			}
			span {
				font-size: 18px;
				color: #a9a7b0;
			}
			.container::-webkit-scrollbar {
				width: 8px;
			}
			.container::-webkit-scrollbar-track {
				background: #0d111a;
				border-radius: 4px;
			}
			.container::-webkit-scrollbar-thumb {
				background: #6600ff;
				border-radius: 4px;
			}
			.container::-webkit-scrollbar-thumb:hover {
				background: #5700d9;
			}