/* 檔案: assets/css/pages.css */
/* 說明: 前台公開頁面專用樣式表 */

/* 卡片懸浮動畫 (主要用於登入/註冊頁) */
@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

.card-float {
    animation: float 6s ease-in-out infinite;
}

/* 帶有圖示的輸入框 (主要用於登入/註冊頁) */
.input-icon-wrapper {
    position: relative;
}

.input-icon-wrapper .input-icon {
    position: absolute;
    left: 1rem; /* 16px */
    top: 50%;
    transform: translateY(-50%);
    color: #64748b; /* slate-500 */
    pointer-events: none;
    transition: color 0.3s;
}

.input-icon-wrapper .input-tech:focus ~ .input-icon {
    color: #a78bfa; /* purple-400 */
}

.input-tech-icon {
    padding-left: 3rem; /* 48px */
}