/* ==================================================
	Component: Form SignIn Button

	Example Usage:
		<button class="form-signin-btn" data-page="account" data-subpage="login">Sign In</button>
================================================== */
.form-signin-btn {width: 100%;padding: 15px;margin-top: 10px;border: none;border-radius: 12px;background: linear-gradient(90deg,var(--accent-dim),var(--accent-1));color: var(--bg-4);font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.25s ease;}
.form-signin-btn:hover {background: linear-gradient(90deg,var(--accent-1),var(--accent-2));}
.form-signin-btn:active {transform: translateY(0);filter: brightness(0.95);}
.form-signin-btn:focus-visible {outline: none;box-shadow: 0 0 0 2px var(--border-2);}