.nas-login-wrapper {
		min-height: 100vh;
		background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
	}

	.nas-login-card {
		background: rgba(30, 41, 59, 0.9);
		border: 1px solid rgba(148, 163, 184, 0.2);
		border-radius: 1.25rem;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		width: 700px;
		max-width: 700px;
		padding: 3rem 5rem;
	}

	.nas-icon-box {
		width: 80px;
		height: 80px;
		background: linear-gradient(135deg, #38bdf8 0%, #06b6d4 100%);
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 10px 40px rgba(56, 189, 248, 0.3);
	}

	.nas-icon-box i {
		font-size: 2.25rem;
		color: white;
	}

	.nas-input-wrapper {
		position: relative;
	}

	.nas-input-icon {
		position: absolute;
		left: 1rem;
		top: 50%;
		transform: translateY(-50%);
		color: #64748b;
		z-index: 5;
		font-size: 1rem;
	}

	.nas-input {
		background: rgba(15, 23, 42, 0.6) !important;
		border: 1px solid rgba(148, 163, 184, 0.2) !important;
		color: #f1f5f9 !important;
		padding: 0.875rem 1rem 0.875rem 2.75rem !important;
		border-radius: 0.5rem !important;
		font-size: 0.95rem !important;
		height: auto !important;
		width: 100% !important;
	}

	.nas-input::placeholder {
		color: #64748b !important;
	}

	.nas-input:focus {
		background: rgba(15, 23, 42, 0.8) !important;
		border-color: #38bdf8 !important;
		box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
		color: #f1f5f9 !important;
	}

	.nas-label {
		color: #94a3b8;
		font-size: 0.875rem;
		font-weight: 500;
		margin-bottom: 0.5rem;
	}

	.nas-btn-primary {
		background: linear-gradient(135deg, #38bdf8 0%, #06b6d4 100%);
		border: none;
		color: white;
		font-weight: 600;
		padding: 0.875rem 1.5rem;
		border-radius: 0.5rem;
		font-size: 0.95rem;
		transition: all 0.3s ease;
	}

	.nas-btn-primary:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 25px rgba(56, 189, 248, 0.4);
		color: white;
	}

	.nas-btn-primary:disabled {
		opacity: 0.7;
		transform: none;
		cursor: not-allowed;
	}

	.nas-btn-secondary {
		background: rgba(148, 163, 184, 0.1);
		border: 1px solid rgba(148, 163, 184, 0.2);
		color: #94a3b8;
		font-weight: 500;
		padding: 0.875rem 1.5rem;
		border-radius: 0.5rem;
		font-size: 0.95rem;
		transition: all 0.3s ease;
	}

	.nas-btn-secondary:hover {
		background: rgba(148, 163, 184, 0.2);
		color: #f1f5f9;
	}

	.nas-title {
		color: #ffffff;
		font-size: 1.5rem;
		font-weight: 600;
	}

	.nas-subtitle {
		color: #38bdf8;
		font-size: 0.85rem;
		font-weight: 500;
		letter-spacing: 0.1em;
	}

	.nas-status-dot {
		width: 8px;
		height: 8px;
		background: #22c55e;
		border-radius: 50%;
		box-shadow: 0 0 10px rgba(34, 197, 94, 0.5);
		display: inline-block;
	}

	.nas-status-text {
		color: #64748b;
		font-size: 0.8rem;
	}

	/* 로딩 스피너 */
	.nas-spinner {
		display: none;
		width: 1rem;
		height: 1rem;
		border: 2px solid rgba(255, 255, 255, 0.3);
		border-top-color: white;
		border-radius: 50%;
		animation: nas-spin 0.8s linear infinite;
		margin-right: 0.5rem;
	}

	@keyframes nas-spin {
		to { transform: rotate(360deg); }
	}

	/* 에러 메시지 */
	.nas-error-msg {
		background: rgba(239, 68, 68, 0.15);
		border: 1px solid rgba(239, 68, 68, 0.3);
		color: #fca5a5;
		padding: 0.75rem 1rem;
		border-radius: 0.5rem;
		font-size: 0.875rem;
		display: none;
		margin-bottom: 1.25rem;
	}

	/* 모바일 */
	@media (max-width: 768px) {
		.nas-login-wrapper {
			padding: 0.75rem;
		}

		.nas-login-card {
			width: 100%;
			border-radius: 1rem;
			max-width: 100%;
			padding: 2rem 1.5rem;
		}
		
		.nas-icon-box {
			width: 65px;
			height: 65px;
		}
		
		.nas-icon-box i {
			font-size: 1.75rem;
		}

		.nas-title {
			font-size: 1.25rem;
		}

		.nas-subtitle {
			font-size: 0.75rem;
		}

		.nas-label {
			font-size: 0.8rem;
		}

		.nas-input {
			padding: 0.75rem 1rem 0.75rem 2.5rem !important;
			font-size: 16px !important;
		}

		.nas-input-icon {
			font-size: 0.9rem;
		}

		.nas-btn-primary,
		.nas-btn-secondary {
			padding: 0.75rem 1rem;
			font-size: 0.9rem;
		}
	}